es62

<!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的更多相关文章

ES6-2
向ES6看齐,用更好的JavaScript(二) 上一篇中介绍了关于变量部分的新特性,本篇将从现有对象的拓展来展开介绍 1 增加了模板字符串先看一下,ES6之前我们是如何实现输出模板的: do ...
图学ES6-2.let与const命令
Linux中查看是否是固态硬盘（SSD）
最近在准备测试,需要看看哪些机器挂载的是ssd硬盘,Google了一圈看到了许多方法,但都云里雾里的,不知道怎么确定.ssd硬盘貌似使用的也是scsi接口,所以根据盘符的名称也是判断不出来的.最 ...

随机推荐

Android中的Junit测试
在开发中Junit测试可以很方便的帮助开者尽可能早的发现并处理问题,而且使用也非常简单,只需要导入Junit测试相关的jar包并创建测试类,就可以对业务功能进行测试,而不用为了测试在代码中添加输出语句 ...
FragmentPagerAdapter和FragmentStatePagerAdapter的区别
FragmentPagerAdapter 1:简单的介绍: 该类内的每一个生成的 Fragment 都将保存在内存之中,因此适用于那些相对静态的页,数量也比较少的那种:如果需要处理有很多页,并且数据动 ...
PostgreSQL Replication之第八章与pgbouncer一起工作（2）
8.2 安装pgbouncer 在我们深入细节之前,我们将看看如何安装pgbouncer.正如PostgreSQL一样,您可以采取两种途径.您可以安装二进制包或者直接从源代码编译.在我们的例子中,我们 ...
vuejs v-bind
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
net实现压缩功能
public static class Compressor { public static byte[] Compress(byte[] data) { using (MemoryStream ou ...
洛谷 P3804 【模板】后缀自动机统计单词出现次数
后缀自动机模板题. 关键时求解每个节点的 $right$ 大小. 由于后缀自动机在构建时会保证点和点的 $right$ 只可能没有交集,或者一个是另一个的真子集,我们可以不重复的对 $right$ 进 ...
bzoj2763 [JLOI]飞行路线分层图最短路
问题描述 Alice和Bob现在要乘飞机旅行,他们选择了一家相对便宜的航空公司.该航空公司一共在n个城市设有业务,设这些城市分别标记为0到n-1,一共有m种航线,每种航线连接两个城市,并且航线有一定的 ...
二、 HBase核心功能模块。
Hadoop 框架包含两个核心组件: HDFS 和 MapReduce 其中 HDFS 是文件存储系统,负责数据存储: MapReduce 是 ...
C# DataTable中按字符串中的数字排序
例如datatable中有一列是门牌号格式是xx-xx-xx,或字符串中含有汉字或其他符号等等,如何按照正确的数字顺序排序呢? 1.获得字符串中的数字. 2.在datatable中添加一列,类型是In ...
Codeforces 558C Amr and Chemistry 全都变相等
题意:给定一个数列,每次操作仅仅能将某个数乘以2或者除以2(向下取整). 求最小的操作次数使得全部的数都变为同样值. 比赛的时候最后没实现.唉.之后才A掉.開始一直在想二分次数,可是半天想不出怎 ...

es62

es62的更多相关文章

随机推荐

热门专题