javascript - 为什么这个 JavaScript 代码的结果是 "undefined"？

Question

我想弄清楚为什么浏览器控制台窗口中这段 Javascript 代码的结果是未定义的？不应该是“外面”吗？

var text = 'outside';
function logIt(){
    console.log(text);
    var text = 'inside';
};
logIt();

谢谢

Answer 1

这是“变量提升”的结果。 (见 http://adripofjavascript.com/blog/drips/variable-and-function-hoisting。)

要使代码按预期运行，您需要在函数作用域内分配变量或将其作为参数传递给函数:

var logIt = function (){
    var text = 'outside';
    console.log(text);
    text = 'inside';
};
logIt();

或者

var text = 'outside';
var logIt = function (txtArg){
    console.log(txtArg);
    var text = 'inside';
};
logIt(text);