let和const的区别const的作用
来到es6，我们将有六种声明变量，函数和var，let 和const，还有import和class，话不多说，我们先来讲⼀下我们今天的let
总结：let和const存在块级作⽤域
  　let和const都不存在变量提升（声明之前使⽤报错）
  　let和const都存在暂时性死区（你要访问的变量是let/const声明的，只要这个作⽤域中有这个变量，你就不能去访问作⽤域外⾯的变量）
  　let和const都不允许重复声明（同⼀个作⽤域中不允许重复声明同⼀个变量，⽽且也不能和形参重复。）
  const：声明的常量不允许被改变，声明的时候也必须赋值。
let 的⽤法和var差不多，但是⼜不同于var，是为了完善之前的语法的不⾜⽽设计的，体现在它的块级作⽤域，因为在之前的语法中只有全局作⽤域和函数作⽤域，⽽在if 和 for 等语句中不存在作⽤域，也就是说if 和 for ⾥⾯的声明输⼊它们存在的函数作⽤域或者全局作⽤域。
块级作⽤域
var a = [];
for (var i = 0; i < 10; i++){
a[i] = function(){
console.log(i)；
}
}
a[6](); //10
在执⾏循环的时候，系统只是将函数附给数组，但是并不会去解析函数⾥的内容，直到最后⼀步执⾏函数了，才会去解析⾥⾯的内容，这时候要访问i，因为i使⽤var声明的，所以只存在于函数作⽤域或者全局作⽤域中，这时候 i 会被放到全局作⽤域中，可是循环已经结束了，所以访问到的i是全局重⽤域的10；这并不是我们想要的效果，所以我们会使⽤⼀个叫⽴即执⾏函数的⽅法来解决这个问题
var a = [];
for (var i = 0; i < 10; i++){
(function(k){
a[i] = function(){
console.log(i)；
}
}(k))
}
a[6](); //6
虽然这个问题得到了解决，但是也太过⿇烦，这时候es6引⼊了块级作⽤域，也就是说，⽤let 和 const声明的变量除了可以在全局作⽤域和函数作⽤域中存在，还可以在块级作⽤域中存在。
var a = [];
for (let i = 0; i < 10; i++){
a[i] = function(){
console.log(i)；
}
}
a[6](); //6
也就是说，每次声明的i都是⼀个新的变量，只在当前循环中有效存在于不同的块级作⽤域中。
另外，在严格模式下，if ，for 这些是不允许声明函数的
不存在变量提升
还有⼀点就是let 不存在变量提升，什么是变量提升呢？这⾥我们先来介绍⼀下⽤预编译。每次在代码执⾏之前，浏览器会先对代码进⾏语法分析，会通篇扫描⼀遍看看有没有什么低级的错误，没有的话进⾏第⼆步，预编译，预编译⼀共分四步
1，创建⼀个AO对象
2，寻形参和变量声明，并将其作为属性名放⼊AO对象中，属性值都赋值为undefined
3，将实参和形参相统⼀
4，在函数⾥寻函数声明，⽤其函数名作为属性名放⼊AO中，属性值为function；
这个AO就是我们通常说的上下⽂（Activeaction Object），虽然⾥⾯是空的，但是放着⼀些隐式属性，如 this:window arguments:[]
介绍完了变量提升之后我们可以知道，就算var声明变量在声明前⾯使⽤也是可以的，但是这往往会带来⼀些预想不到的错误，所以let不允许函数在声明之前使⽤，⼀使⽤就报错，⽽且let 引⼊了暂时性死区的概念，来强化let声明的变量不能提前使⽤，什么是暂时性死区呢
暂时性死区
var a = 1;
if(ture){
console.log(a);  //ReferrenceError
let a = 1;
}
为什么会报错呢？不是可以访问外⾯的a吗?
因为let所声明的变量会锁在它所在的作⽤域⾥，不允许访问，就是说，它也会先扫描⼀遍，把let声明的变量保存起来，但是不允许使⽤，这时候你访问a，由于此作⽤域中有a，就不⽤访问外⾯的a了，但是你不能在它声明之前访问它。
不允许重复声明
就是在同⼀个作⽤域中不允许重复声明同⼀个变量，⽽且也不能和形参重复。
const
const有着let所有的特性，⽽它是⽤来声明常量的，⼀是所声明的变量不允许改变，⼆是声明的时候必须赋值。但是对于复合类型的变量（如数组，对象），const保存的只是地址，⾥⾯的内容还是可以改变的，如果想要整个对象都不允许改变，可以使⽤Object.freeze()⽅法
let constantice = function(obj){
Object.freeze(obj);
Object.keys(obj).forEach(function(key,value){
if(typeof obj[key] === 'Object'){
constantice (obj[key]);
}
})
}
全局对象的属性
全局对象就是指最顶层的对象，浏览器的是window，node的是global
在这⾥我们有必要了解⼀下，在es5中，全局对象的属性全局和全局变量是等价的⼀，暗⽰全局变量
⼀切未经声明的变量都会归window所有，成为window的属性
⼆，⼀切⽤var声明的全局变量都是window的属性
那么有声明和没有声明的全局变量都会成为window的属性，有什么区别呢？
没有声明的变量可以被删除，⽽声明的不可以
a = 123;
console.log(window.a === a)  // true
delete window.a;
console.log(window.a); // undefiend
var b = 123;
delete window.b;
console.log(window.b); // 123
三，⽽⽤let ，const 和 calss声明的全局变量不归window所有

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。