1.let和const
1.let
let用于声明变量，类似于var，但是所声明的变量只在let命令所在的代码块内有效。
for循环中的计数器非常适合使用let命令。
for(let i=0;i<10;i++){
.......
}
如果在外面打印i的haul，会报错的，上面的代码只在for循环内有效，在循环体外就会报错
var a=[];
for(var i=0;i<1o;i++){
a[i]=function(){
alert(i)
}
}
a[6]()=10;
变量i是var声明的，在全局范围内都有效，所以全局只有一个变量i。每一次循环，数组a的成员中的i指向的都是同一个i，导致运行时输出的是最后一轮的i值，也就是10；
如果使用let，声明变量仅仅在作用域内有效，最后将输出6
1..1.1.2不存在变量提升
var声明可以有变量提升，即变量可以在声明之前使用，打印的是undefined，let不存在这种变量提升，会直接报错。
1.1.3
暂时性死区3
只要块级作用域内存在let命令，他所声明的变量就绑定这个区域，不在受外部影响，代码中存在全局变量，但是又在块级作用域内let声明了一个局部变量，相同的变量名，导致后者绑定的这个块级作用域，所以在let变量声明前，会报错
ES6明确规定，如果区块中存在let和const命令，则这个区块对这些命令声明的变量一开始就形成封闭作用域，只要在变量之前使用这些变量，就会报错。
总之，在代码块，使用let命令声明变量之前，改变量都是不可用的，属于“暂时性死区”。
暂时性死区的本质就是只要进入当前作用域，所要使用的变量就已经存在，但是不可获取，只有等到变量声明的那一刻，才可以使用和获取变量
1.1.4不允许重复声明
let不允许在相同的作用域内重复声明同一个变量
2.2块级作用域
2.1为什么需要块级作用域
ES5只有全局作用于域和函数作用域
第一种场景：内层变量可能会覆盖外层变量。
var temp=new Date();
function f(){
alert(temp)
if(false){
var temp ="hello"
}
}
f()//undefined
以上代码的愿意是，if代码块的外部使用外层的temp变量，内部的使用内部的temp变量，但是在函数f执行的后，输出的设计undefined，原因在于变量提升覆盖了外层的temp变量。
第二种场景：用来技术的循环变量泄露为全局变量
var s="hello";
for (var i=0;i<s.length;i++){
alert(s[i])
}
console.log(i);
上面的代码中，变量i只用来控制循环，但是循环结束后，他没有消失。而是泄露成了全局变量
2..2.2ES6的块级作用域
let实际上为javaScript新增了块级作用域
ES6允许块级作用域的任意嵌套
{{{{{let a="kk}}}}}
上面一共有五层作用域，外层的作用域无法读取内层的作用域的变量
{{
{let k="ggg"}
console.log(k)会报错，因为不在同一个作用域内
}}
{{{
{let m="hello"}
{let m="hello"}
内层作用域可以定义外层作用域的同名变量
}}}
2.2.3块级作用域与函数声明
Es5规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明
ES6引入了块级作用域，明确允许在块级作用域之中声明函数。ES6规定，在块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。
ES6规定：
- 允许在会计作用与内声明函数
2.函数声明类似于var，即会提升到全局作用域或者函数作用域的顶部
3.同时。函数声明还会提升到所在的块级作用域的头部。
考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数，如果确实需要，也应该写成函数表达式的形式，而不是函数声明的形式，
函数表达式：let f=function（）{
....
}
函数声明：function f（）{
....
}
另外：Es6的块级作用域允许声明函数的规则只在使用大括号的情况下成立，如果没有使用大括号，就会报错。必须将函数声明放在大括号内
if(true){
function f（）{
....
}
}
应该是这种写法
2.2.4do表达式
本质上，块级作用域是一个语句，将多个封装在一起，没有返回值。
{
let t= f();
t=t*t+1;
}
上面，块级作用域将两个语句封装在一起，但是，在块级作用域之外，没有办法得到t的值，因为块级作用域不返回值，除非t是全局变量。
现在使用do表达式，在块级作用域上之前加上do
let x={
let t=f（）；
t*t+1；
}
上面的代码中，变量x会得到整个块级作用域的返回值
2.3const命令
2.3.1
const声明了一个只读的变量，一旦声明，常量的值就不能更改。
对于const来说，只声明不赋值就会报错
const命令声明的变量也不会提升，同样存在暂时性死区，只能在声明后使用。
使用const声明常量也与let一样，不可重复声明。
2.3.2
const实际上就是变量指向的那个内存地址不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的内存地址中，因为等同于常量，对于复合类型的数据（对象和数组）来说，变量指向的内存地址只是一个指针，const能保证这个指针是固定的，至于他的数据结构是不是可变的。这是不能控制的，因此，将一个对象声明为常量时必须小心。
2.3.3ES6声明变量的6种方法
ES5只有两种声明变量的方法，使用Var和function；
ES6除了使用let和const，还会使用import和class命令，所以，es6一共有6个声明变量的方法。
2.4顶层对象的属性
顶层对象在浏览器环境中指的是window对象，在Node环境中指的是global对象，在es5中，顶层对象的属性与全局变量是等价的。
es6规定var和function声明的变量依旧是顶层对象的属性，但是另一方面，let、const、calss、声明的全局的变量不属于顶层的属性，也就是说，从es6开始，全局变量 将逐步与顶层对象的属性隔离。
var a=1;
如果在Node的环境中，可写成global.a
或者采用通用方法，this.a
window.a//1
let b=1;
window.b//undeifined;
上面，全局变量a由var命令声明，所以他是顶层对象的属性；全局变量b是由let声明，所以他不是顶层对象的属性，返回的是undefine
2.5global对象
在浏览器中，顶层对象是window，但在Node和web和web worker是没有window
在node中，顶层对象是global，但其他的环境都不支持
。。。同一段代码为了能够在各种环境中都有取到的顶层对象，一般使用this变量，但是也有局限性。
1.在全局环境中，this会返回顶层对象，但是，在node模块和Es6模块中，this返回的是当前模块。
2.对于函数中this，如果函数不是作为对象对的方法运行，而是单纯的作为函数运行，this会指向顶层对象，但是，在严格模式下，this会返回undefined。
3.不管是严格模式，还是普通模式，New Function（“return this”）（） 总会返回全局对象。但是，如果浏览器用了CSP，那么eval 、New Function这些方法都无法使用。
综上所述，很难找到一种方法可以在所有情况下都取到顶层对象。以下两种勉强可以使用的方法。
方法一：
( typeof window !==="undefined"?window:(typeof self !=='undefined'))
网友评论