JavaScript中的变量提升和严格模式

1.什么是变量提升

所谓的变量提升指的是:函数声明变量声明总是会被解释器悄悄地被"提升"到方法体(作用域)的最顶部。

下面我们通过一个例子来详细说明一下。

    //变量声明在使用之前
    var x;
    console.log(x);//undefined
    //变量声明在使用之后  
    console.log(y);//undefined
    var y;
    
    //上面的式子可以写成下面的样子
    /*
    变量提升:把x,y提升到顶部
    var x;
    var y;
    console.log(x);
    console.log(y); 
    */

从上面这个例子我们可以看到:

①变量的使用有两种形式,先声明再使用或者先使用后声明;

②无论是哪一种形式都不影响变量的使用,这是因为有变量提升的存在,每一个你定义的变量都会被提升到顶部,也就是函数最开始的部分,这就变成了你在使用变量时其实都已经声明变量了。

下面我举一个经典的例子来更好地理解一下。

    //经典案例:window表示全局,判断条件(变量a是否有在全局下)是在变量a声明之前
    if(a in window){
        var a;
        console.log('a in window');
    }else{console.log('a not in window');}
    //a in window

    //相当于:
    /*
    var a;  //a被提升到顶部
    if(a in window){
        console.log('a in window');
    }else{console.log('a not in window');}
    */

这是变量提升的一个很好的例子,可以看到打印出来的结果表明,在我们使用a之前,声明变量a就被提升到顶部。

但是,要注意的是JavaScript 只有声明的变量会提升,初始化的不会。


    console.log(c);//undefined
    var c = 1; //初始化
    /*
    var c;
    console.log(c);
    c = 1;
    */

    var d;//声明d
    d = 1;//初始化
    console.log(d);//1

上面的c打印结果为undefined,这是因为提升的只有声明变量var c,而初始化的c=1没有提升而在使用之后。

为了避免上面出现的变量提升的问题,通常我们在每个作用域开始前声明我们要使用的变量。

2.严格模式

严格模式的写法就是在代码编写之前加上"use strict",严格模式要求你不能使用未声明的变量,否则会报错。

例如:

    "use strict"; //严格模式 
    m =1;
    console.log(m);//m is not defined
    //在严格模式下,因为m未被声明就被使用或者初始化则会报错

    var n = 1;
    console.log(n);//1

但是在没有使用严格模式的时候:

    m =1;
    console.log(m);//1
    //在非严格模式下,同样这样写就不会报错

虽然还是没有声明变量m但还是可以使用的。

所以,还是建议大家尽可能得使用严格模式来编写javascript代码,以消除Javascript语法的一些不合理、不严谨之处,让自己成为一个更优秀的程序员。

猜你喜欢

转载自blog.csdn.net/Cairo960918/article/details/85028188