Javascript 变量提升

先来看一个例子：

var tmp = "hello javascript";

function f() {
    console.log(tmp);
    var tmp = "hello world";
}

f();
console.log(tmp);

上面代码最终运行结果如下：

undefined
hello javascript

是不是很诧异，按道理应该两次log都是”hello javascript”，这是因为变量提升了，在函数里声明的所有变量都被提升至函数体前面，上面函数f()相当于：

function f() {
    var tmp
    console.log(tmp);
    tmp = "hello world";
}

所以第一次log会输出undefined。所以函数体内变量赋值或者初始化要放在最前面。

把函数f()修改下，重新运行。

function f() {
    console.log(tmp);
    tmp = "hello world";
}

运行结果为

hello javascript
hello world

因为 tmp = “hello world” 没有初始化，当在函数体内给一个变量赋值时不加 var 修饰符则自动升级该变量为全局变量，此时最后面的console.log(tmp)会输出hello world