理解以下javascript代码[重复]

Question

我遇到了一些javascript。我不理解代码执行的流程。

var val = 'ap';

function func() {
    if (!val) {
        var val = 'ple';
    }
    console.log(val);
}
func();
console.log(val);

我认为输出是'ap'然后'ap'。但我得到了'ple'和'ap'。这是怎么发生的？

Answer 1

Javascript有函数作用域，而不是块作用域，直到我们在ES6中得到let语句...

Answer 2

下一行中的变量val

var val = 'ple'

被提升到函数的顶部。

val的（函数内部）值是undefined，它是falsey的，这就是为什么if条件成功的原因，因为！false是true，因此函数内部的val被设置为'ple'。大致看起来像

function func()
   var val; // val = undefined
   if(!val) {  // it's still undefined and !undefined is true
      val = 'ple'; // so this code executes
   }
   console.log(val); // 'ple'
}

请记住javascript中的作用域不是块作用域。相反，您要做的是设置已经声明的val

val = 'ple';