第二章 let和const

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'))