Javascript 变量提升

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/joyfixing/article/details/54314128

先来看一个例子:

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

阅读更多

没有更多推荐了,返回首页