<!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. [Project Euler 409] Nim Extreme 解题报告 (统计方案数)

    题目链接:https://projecteuler.net/problem=409 题目: 题解: 题目问你必胜态的数目,我们考虑用总的方案数减去必败态的方案数(NIM游戏没有平局这个操作) 必败态的 ...

  2. BZOJ 2342 Manacher

    思路: 首先用manacher可以求出以i和i+1中间为对称轴,最长回文串能扩增的长度p[i]. 然后4*(y-x)能更新答案,当且仅当y≤x+p[x]/2且y-p[y]≤x. 按i-p[i]将所有点 ...

  3. BackTrack5里使用OpenVAS

    不多说,直接上干货! 前提 VM虚拟机的 BackTrack5安装完美图文教程: http://download.csdn.net/detail/u010106732/9845495 关于OpenAV ...

  4. spring的quartz定时任务

    一.版本: 1.spring:4.1.7:    2.quartz:2.2.1: 二.基于ssm项目: 1.引入jar包:quartz-2.2.1.jar:spring所需包. 2.说明:quartz ...

  5. PostgreSQL Replication之第九章 与pgpool一起工作(1)

    在前面的章节中,我们已经能够深入地理解了pgbouncer,同时也学会了如何使用它来尽可能地优化复制设置.在本章我们将了解一个经常被称作与pgbouncer相对应的工具.尽管pgpool的思想与pgb ...

  6. salt的grains

    grains作用: 1.匹配 minion 2.收集信息 (每次重启minion才会收集) grains 数据存储在minion端. salt '*' grains.ls salt '*' grain ...

  7. 洛谷 P2542 [AHOI2005]航线规划 树链剖分_线段树_时光倒流_离线

    Code: #include <map> #include <cstdio> #include <algorithm> #include <cstring&g ...

  8. [USACO15JAN]草鉴定Grass Cownoisseur(分层图+tarjan)

    [USACO15JAN]草鉴定Grass Cownoisseur 题目描述 In an effort to better manage the grazing patterns of his cows ...

  9. Get,Post和Head具体解释

    HTTP请求最经常使用的三个方法: (1)Get方法. 取回请求URL标志的不论什么信息,在浏览器的地址栏中输入网址的方式訪问网页时,浏览器採用GET方法向server获取资源. (2)Post方法. ...

  10. Thinking in UML 学习笔记(三)——UML核心视图之类图

    类图的作用:用于展示系统中的类及其相互之间的关系. UML在解决面向对象的方法中对类理解为三个层次,各自是:概念层.说明层.实现层.在UML中,从開始的需求到终于设计类,类图也是环绕这三个层次的观点进 ...