如何让函数返回结果在控制台显示？JSFiddle无输出问题

你的代码逻辑本身没有问题，但JSFiddle不会自动展示函数返回值或变量内容——有些在线编辑器/调试环境会自动显示最后执行表达式的结果，但JSFiddle需要你主动指定输出方式，具体可以这么做：

方法1：输出到页面 #

直接把结果插入到页面中，这样在JSFiddle的结果面板就能看到内容：

let numbers = [1,5,22];
let doubledNumbers = numbers.map(n => n*2);
    
function doubledNumbersFn() {
    return numbers.map(n => n*2)
}

// 简单输出到页面
document.write('doubledNumbers: ' + doubledNumbers + '<br>');
document.write('doubledNumbersFn返回值: ' + doubledNumbersFn());

// 更规范的方式（推荐）
const resultContainer = document.createElement('div');
resultContainer.innerHTML = `
  <p>doubledNumbers: ${doubledNumbers}</p>
  <p>doubledNumbersFn返回值: ${doubledNumbersFn()}</p>
`;
document.body.appendChild(resultContainer);

方法2：输出到控制台 #

通过console.log()把内容打印到JSFiddle的控制台面板，适合调试：

let numbers = [1,5,22];
let doubledNumbers = numbers.map(n => n*2);
    
function doubledNumbersFn() {
    return numbers.map(n => n*2)
}

// 打印到控制台
console.log('doubledNumbers:', doubledNumbers);
console.log('doubledNumbersFn返回值:', doubledNumbersFn());

在JSFiddle界面点击顶部的「Console」标签，就能查看这些输出内容。

内容的提问来源于stack exchange，提问作者code-8