javascript - 这个js代码是如何工作的？

Question

var foo = 1;
function bar() {
  foo = 10;
  return;
  function foo() {}
}
bar();
console.log(foo);

我不明白为什么这段代码输出1

Answer 1

在你的函数栏中，你定义了一个函数 foo ，它将被定义为在你的函数内部提升，这意味着你的函数主体非常像:

function bar() {
  function foo() {}
  foo = 10;
  return;
}

这个函数的作用域在 bar 的内部，所以它非常类似于

function bar() {
  var foo = function foo() {};
  foo = 10;
  return;
}

这意味着当您修改 foo 时，您不会修改全局变量，而只会修改 bar 范围内的变量。