189 8069 5689

ES6学习笔记第二章-创新互联

let 和 const命令

创新互联公司坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十年网站建设经验创新互联公司是成都老牌网站营销服务商,为您提供网站建设、网站设计、网站设计、H5场景定制、网站制作、成都品牌网站建设、小程序设计服务,给众多知名企业提供过好品质的建站服务。

    1 let命令

    用法:

    ES6新增let命令,用于声明变量,用法类似var,只是let声明的变量是块级作用域内有效

    例:

    {

       let a = 10;

        var b = 1;

    }

    a // a is not defined

    b // 1

    根据返回值可以看出,let声明变量时的作用域只在其代码块内

    for 循环的计数器就很适合使用let来声明变量。

    var a = [];

    for (var i = 0; i<10; i++){

        a[i] = function(){

            console.log(i);

        };

    }

    a[6]();//10

    如果用let声明变量i;

    a[6]();//6

    因为let声明的i只在本轮循环内有效。所以每次循环的i其实都是新的变量,于是输出6。

    let声明变量不存在变量提升;

    例:

    console.log(foo);

    let foo = 2;

    执行会报错,但是如果用var声明,得到的结果就是2。

    暂时性死区:

    只要块级作用域内存在let命令,它所声明的变量就“绑定这个区域”,不受外部影响。

    例

    var tmp =123 ;

    if(true){

        tmp = 'abc';

        let tmp;

     }

    报错,let绑定了if内的块级作用域,在let声明变量前,对tmp赋值会报错。

    ES6明确规定,如果区块 存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域。

    在代码块内,使用let命令声明变量之前,该变量都是不可用的。语法上称“暂时性死区”,简称TDZ。

    let不允许在相同作用域内重复声明同一个变量。(这个就不解释了)

  2.块级作用域到底是个啥

    ES5只有函数作用域和全局作用域,没有块级作用域,那么会带来以下不合理情况:

  例1

    var tmp = new Date();

    funciton f(){

        console.log(tmp);

        if(false){

            var tmp = "hello world";

        }

    }

    f() //undefined;

    变量提升内层tmp变量覆盖了外层的tmp变量

  例2

     for 循环计数的变量泄露为全局变量。

    ES6的块级作用域

    function f1(){

        let n = 5;

        if(true){

            let n = 10;

        }

        console.log(n);//5

    }

    最后输出5,表明外层代码不受内层代码块的影响。如果使用var, 最后的输出值为10.

    ES6允许块级作用域任意嵌套;

    另外ES6规定,函数本身作用域在其所在的块级作用域内。

  fuction f(){ console.log(1)};

    (function (){

        function f(){
            console.log(2);
        }

        f();

    }());

    ES5//2,

    ES6//1。

    严格模式下,函数只能在顶层作用域和函数内声明,其他情况(if,for)下的声明都会报错。

3.const命令

    const 用来声明常量。 一旦声明,其值不可改变。

    const 作用域等同于let,只在声明所在的块级作用域内有效。

    const 命令只是保证变量名指向的地址不变,并不保证该地址的数据不变,所以将一个对象声明为常量必须非常小心。

    例

    const a=[];

    a.push("hello");//可执行

    a.length = 0; //可执行

    a = ['Dave'];// 报错。

    数组本身是可写的,但是要把另一个数组赋值给a,就会报错。

    如果想让对面被冻结,本身也不可写,应该使用Object.freeze方法。

    ES6一共6中声明变量的方法:

    var function let const import class

4.跨模块常量

    // constants.js 模块

    export const A= 1;

    export const B= 3;

    export const C= 4;

    // test1.js 模块

    import * as constants from './constants';

    console.log(constanst.A);//1

    console.log(constanst.B);//3

    //test2.js模块

    import {A,B} from './constants';

    console.log(A);//1

    console.log(B);//3

5.全局对象的属性

  ES5:

    window.a = 1;

    a //1;

    a = 2;

    window.a //2

  ES6:

    let b = 1;

    window.b // undefined;

    ES6规定 var 命令和function 命令声明的全局变量依旧是全局对象的属性

    let命令 、 const命令、 class命令声明的全局变量不属于全局对象的属性

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:ES6学习笔记第二章-创新互联
URL标题:http://cdxtjz.cn/article/djggpo.html

其他资讯