请指点结果为何是undefined

Question

if(!("a" in window)){

    var a = 10;

}

console.log(a); // undefined

Answer 1

首先弄明白in运算符，可以在MDN中查看。如果指定的属性在指定的对象或其原型链中，则in 运算符返回true。然后就是js引擎执行js语句机制了，js引擎运行时会执行三步操作，第一步是先检查你的js代码有没有低级的语法错误，第二步是预编译，第三步是根据代码顺序解释一句执行一句。预编译就是在执行代码会把所有的变量声明和函数声明预先处理。当你写了一句var a = 1时，javascript会当成两个操作（变量声明和变量赋值）：var a;和a = 1;第一句（变量声明）是在预编译中执行的，此时只是声明了a这个变量，没有赋值操作，所以此阶段a的值为undefined。等预编译结束，才开始上面的第三步解释执行js代码。所以根据执行先后上面的代码可以分解为下面的代码：// 先进行预编译var a; // 此时a的值为undefined// 预编译结束  开始解释执行代码if(!("a" in window)){ // 变量a此时已经存在，所以!("a" in window)为false    a = 10; // 跳过不执行  a的值还是undefined}console.log(a)  // undefined

Answer 2

由于变量提升，var a会在一开始的时候就出现，此时值为undefined，然后执行到if时，由于a已经在window中定义了，即开辟了一块内存，所以判断结果为真，然后！真就变为假，所以跳过了赋值语句，最后console的是未赋值的a，结果为undefined

Answer 3

因为变量提升到作用域顶部//变量提升var a ;//此时 a 为全局变量  a in window 为 trueif(!("a" in window)){ var a = 10;}console.log(a); // undefined