<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>let用途</title>

<script src="../../../vendor/traceur.js"></script>

<script src="../../../vendor/bootstrap.js"></script>

<script type="text/traceur">

/*ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

let不像var那样，会发生“变量提升”现象。

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

let不允许在相同作用域内，重复声明同一个变量。

*/

    var a = 100;

    let b = 200;

    console.log(a);    //100

    console.log(b);    //200

    {

        var a = 100;

        let b = 200;//大括号作用范围，不是函数作用域，

    }

    console.log(a);    //100

    console.log(b);    //b is not defined -- Error

-------------------------------------------------------------------    

    {

        var a = 100;

        let b = 200;//大括号作用范围，不是函数作用域，

        var d = b;

        var e = a;//语句已经执行了，进行了值传递，后面变量销毁和重新赋值不影响

    }

    a = 300;

    console.log(a);    //300

    console.log(d);    //200

    console.log(e);    //100

    //console.log(b);    //b is not defined -- Error

    for (let j = 0; j < 3; j++)

    {

        console.log(j);//0,1,2

    };

    public static void main (String[] args) throws java.lang.Exception

    {

        int a = 3;

        {

           int b = a;

           a = 5;

           System.out.println(b);//3

        }

    }

    var a = 1;

    var a = 2;

    console.log(a);//2

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>let不存在变量提升</title>

<script src="../../../vendor/traceur.js"></script>

<script src="../../../vendor/bootstrap.js"></script>

<script type="text/traceur">

    //ES5

    console.log("ES5:");

    var a = [];

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

    {

        var c = i;

        a[i] = function () {

            console.log(c);//基本变量是值传递，只有这行语句执行的时候，才会使用到c的值，此时c已经变成了9

        };

        console.log(a[i]);

    };

    a[5]();    //9

    //ES6

    console.log("ES6:");

    var b = [];

    for (var j = 0; j < 10; j++)

    {

        let d = j;//每次都声明一个新的变量d,var不是，每次都是用之前声明的变量c,语句执行之前不会进行预加载，

        b[j] = function () {

            console.log(d);//这行语句执行的时候，使用的是d的值，而每一个d都是一个新的d值不一样

        };

    };

    b[5]();    //5

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>let暂时性死区</title>

<script src="../../../vendor/traceur.js"></script>

<script src="../../../vendor/bootstrap.js"></script>

<script type="text/traceur">

    {

        console.log(a);    //undefined 语句执行之前不会进行预加载，

        let a = 100;

    }

    {

        let a = 100;

        console.log(a);    //100

    }

-------------------------------------------------------

    var a = 200;

    {

        console.log(a);    //undefined，不能用外部的a了，大括号里面都是let的a，

        let a = 100; //从声明的地方开始才能使用变量a

        console.log(a);    //100，不受外部影响。

    }

    {

        var a = 100;

        var a = 200;

        console.log(a);

    }

    // 报错

    {

        var b = 100;

        let b = 200;

        console.log(b);

    }

    // 报错

    {

        let c = 100;

        var c = 200;

        console.log(c);

    }

    // 报错

    {

        let d = 100;

        let d = 200;

        console.log(d);

    }

        // 模块之间不影响，可以重复声明

    {

        var a = 100;

        var a = 200;

        console.log(a);

    }

    {

        let a = 300;

        console.log(a);

    }

    // 模块内部不允许用let命令重复声明

    {

        var a = 1;

        let a = 2;

    }

</script>

</head>

<body>

</body>

</html>

let只在大括号内有效，并且优先级高于var。

es62的更多相关文章

  1. ES6-2

    向ES6看齐,用更好的JavaScript(二)   上一篇 中介绍了关于变量部分的新特性,本篇将从现有对象的拓展来展开介绍 1 增加了模板字符串 先看一下,ES6之前我们是如何实现输出模板的: do ...

  2. 图学ES6-2.let与const命令

  3. Linux中查看是否是固态硬盘（SSD）

       最近在准备测试,需要看看哪些机器挂载的是ssd硬盘,Google了一圈看到了许多方法,但都云里雾里的,不知道怎么确定.ssd硬盘貌似使用的也是scsi接口,所以根据盘符的名称也是判断不出来的.最 ...

随机推荐

  1. P 值（p value）与统计检验

    P 值是最常用的一个统计学指标,几乎统计软件输出结果都有P值. 统计学的观点,超过一定基准(比如 5%,其实是低于5%),就不能简单地认为这是偶然事件了,而是受到了外在的影响. 一般而言,为了确定从样 ...

  2. Linux 玩法

    php 跑不了,只来404 同一台linux服务器上建两个网站(www.A.com, www.B.com),现在A和B都跑起来了,但只有 A 能跑 php, B只能跑静态 html 文件,不知道哪里设 ...

  3. java 通过httpclient调用https 的webapi

    java如何通过httpclient 调用采用https方式的webapi?如何验证证书.示例:https://devdata.osisoft.com/p...需要通过httpclient调用该接口, ...

  4. <Three.js>（第一节）环境搭建

    Three.js顾名思义3D的js库.是运行在浏览器的基于webgl的3D引擎.该引擎是github上的一个开源项目,下载地址:https://github.com/mrdoob/three.js/ ...

  5. studyLink

    http://order.csdn.net/myorder/detail?id=850343 csdn

  6. WLAN RTT (IEEE 802.11mc)

    WLAN RTT (IEEE 802.11mc) Android 9 中的 WLAN 往返时间 (RTT) 功能允许设备测量与其他支持设备的距离:无论它们是接入点 (AP) 还是 WLAN 感知对等设 ...

  7. windows用xstart远程连接linux图形用户界面

    转载:https://blog.csdn.net/yabingshi_tech/article/details/51839379 双击xstart 输入:/usr/bin/xterm -ls -dis ...

  8. caioj 1075 动态规划入门（中链式2：能量项链）（中链式dp总结）

    我又总结了一种动归模型-- 这道题和上一道题很类似,都是给一个序列,然后相邻的元素可以合并 然后合并后的元素可以再次合并 那么就可以用这两道题类似的方法解决 简单来说就是枚举区间,然后枚举断点 加上断 ...

  9. C# Expression 树转化为SQL与语句（二）--解决参数问题

    在用Expression解析的的时候碰到一些参数(不是具体的值),会出现这种情况. 在这里我们希望得到的是id=10,而不是id=m_id;那如何来解析这些参数? ================== ...

  10. jsp静态引入（<%@ include file=""%>） 乱码问题

    在web.xml中的web-app中加入这段话: <jsp-config> <jsp-property-group> <display-name>JSPConfig ...