尝试完全理解 JavaScript 提升

Question

编辑 看来这是我和我对 jsfiddle 的使用的问题：？

我最近读了几篇关于提升的文章，其中一篇是 尼古拉斯·扎卡斯，另一个是作者：Ben Cherry。

我尝试按照示例进行操作，并自行测试以确保我完全掌握它，但我主要在这个示例中遇到问题，

if (!('a' in window)) {
    var a = 1;
}
console.log(a);

而不是记录 undefined 而是记录 1 。如果我正确理解所有内容，a 应该是 undefined，因为它应该存在于窗口范围内，因为 var 语句被提升到top，所以不应该给它赋值。

但以下内容按预期运行，

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

foo 为 undefined，并且 baz 未定义。我这里有一个 fiddle ，其中包含两个示例。我真的只是想解决这个问题。自这些文章撰写以来，可能发生了一些变化吗？如果有人能对此有所了解，我们将不胜感激。我在测试时使用 Chrome 14。

Answer 1

将小提琴中的 wrap 更改为 nowrapp(head)

http:// /jsfiddle.net/rlemon/VjCqF/3/

Answer 2

您已将 JSFiddle 设置为 onLoad，因此 var a 的作用域为 onLoad 函数。将其更改为无换行，您将得到：

undefined
undefined
Uncaught ReferenceError: baz is not defined

Answer 3

在第二个示例中，提升将代码转换为：

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

因此 foo 在第一次调用 log 期间未定义。声明总是被提升到封闭函数的顶部，但赋值永远不会随之提升。

Answer 4

object.a === 未定义； // true，但是a in object; // 正确

var object = {a: undefined};

('a' in object); // is true because a is a property of object

Answer 5

提升的理解不同，但据我了解，它的作用是

每当您创建变量/函数时，它都会为您设置一个内存空间。它不会将变量/函数放在执行上下文的顶部。

在控制台中输入“this/window”，您会发现您的 var/functions 按词法坐在那里。

例如：

a; //returns undefined 
b(); //returns Hello World   
var a = "Hello";
    function b() {
        console.log('Hello World');
    }

如果在执行期间将其放置在顶部，那么它应该输出“Hello”，而不是“未定义”函数将被执行。变量将不会被执行。
请避免在声明后执行变量的提升：

var a = "Hello";
    function b() {
        console.log('Hello World');
    }
a; //returns Hello

b(); //returns Hello World