zoukankan      html  css  js  c++  java
  • es6的let与const

    es6新增命令let,用于声明变量,他与var的不同主要有三点:

    1. let有块级作用域
    2. let没有变量提升
    3. 同级作用域内,let不可以重复定义

    let有块级作用域:

    es5

    for(var i=0;i<5;i++){
     
    };
    console.log(i) //5

    es6

    for(let i=0;i<5;i++){
     
    };
    console.log(i) //报错

    第一个for循环变量i的作用域为window,所以会输出5,第二个for循环,变量i的作用域为for循环内部,外部访问不到i,所以报错。

    let没有变量提升:

    es5

    console.log(i);//undefined
    var i = 123;

    es6

    console.log(i);//报错
    let i = 123;

    由于let定义的变量没有变量提升,所以提前调用会报错。

    同级作用域内,let不可以重复定义:

    es5

    var i = 1;
    var i = 2;

    es6

    let i = 1;
    let i = 2;//报错

    再试一下非同级作用域let是否可以重复定义

    function fn1(){
    let i = 1;
    console.log(i); //1
    function fn2(){
    let i = 2;
    console.log(i); //2
    }
    fn2();
    }
    fn1();

    在非同级作用域下let是可以重复定义的,而且父子作用域互不干涉。

    ps:阮老师博客里的”暂时性死区”是啥,没看明白

    es新增const命令,用于定义常量。

    引用阮一峰博客的一句话:

    const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。

    举个例子:

    const a = 123;
    a = 345;//报错
    const arr = [1,2,3];
    arr[0] = 9;
    const o = {a:1,b:2};
    o.a = 9;
  • 相关阅读:
    Java基本类型总结
    springboot(八):RabbitMQ详解
    Java开发相关命名规范
    jstl 与 el表达式
    el表达式(一)
    策略模式
    jsp (二) 练习
    jsp (一)
    Servlet (三) 文件下载(只支持英文文件名)
    Servlet (三)HttpServletResponse
  • 原文地址:https://www.cnblogs.com/newze/p/7535466.html
Copyright © 2011-2022 走看看