var,let,const的区别和⽤法
let 和 const 是ES6后新增的，同时也新增了块级作⽤域（⼤括号内{}）
⼀、主要区别：
使⽤ var 声明的变量，其作⽤域为该语句所在的函数内，且存在变量提升现象
使⽤ let 声明的变量，其作⽤域为该语句所在的代码块内，不存在变量提升
使⽤ const 声明的是常量，在后⾯出现的代码中不能再修改该常量的值
同⼀作⽤域下let和const不能声明同名变量，⽽var可以
暂存死区（当前作⽤域顶部到该变量声明位置中间的部分，都是该let变量的死区，在死区中，禁⽌访问该变量。由此，let声明的变量不存在变量提升，但是由于死区我们⽆法在声明前访问这个变量。）
全局作⽤域中var声明的变量，通过function声明的函数，会⾃动变成window对象的属性或⽅法，⽽let 和 const 声明的就不会
var a=1;
console.log(window.a);//1
let b=2;
console.log(window.b);//undefined
两个经典⾯试题解析
var arr = [];
for (var i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0]();  //2
arr[1]();  //2
以上for循环结束后最终 i=2时退出循环，此时全局中保存⼀个i=2，后续调⽤arr[0].arr[0]，输出2
let arr = [];
for (let i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
arr[0](); //0
arr[1](); //1
由于let有块级作⽤域，每次循环都会产⽣⼀个块级作⽤域，每个块级作⽤域中的变量都是不同的，
函数执⾏时输出的是⾃⼰上⼀级（循环产⽣的块级作⽤域）作⽤域下的i值.
⼆、使⽤注意点
1、var具有变量提升和全局作⽤域
（1）变量提升：把变量的申明提升到作⽤域的最前⾯
console.log(num);
var num=10;
//变量提升
var num;
console.log(num);
num=10;
输出：undefined
注意：js中的⽅法function也具有变量提升
（2）全局作⽤域
for(var i=1;i<3;i++){
}
console.log(i); //3
//对⽐let，块级作⽤域
for(let i=1;i<3;i++){
}
console.log(i); //i is not defined
2、let申明变量
(1) let声明的变量只在所处于的块级有效
if (true) {
let a = 10;
}
console.log(a) // a is not defined
注意：使⽤let关键字声明的变量才具有块级作⽤域，使⽤var声明的变量不具备块级作⽤域特性。
(2) 不存在变量提升
console.log(a); // a is not defined
let a = 20;
(3) 暂时性死区
var tmp = 123;
if (true) {
/
/在当前块作⽤域中存在tmp 使⽤let/const声明的情况下，给tmp 赋值10时，只会在当前作⽤域变量tmp ，⽽这时，还未到声明时候，所以控制台Error:tmp is not defined  tmp = 10;
let tmp;
}
const的作用//控制台输出 tmp is not defined
3、const声明常量，常量就是值（内存地址）不能变化的量。
常量赋值后，值不能修改。
const PI = 3.14;
PI = 100; // Assignment to constant variable.
const ary = [100, 200];
ary[0] = 'a';
ary[1] = 'b';
console.log(ary); // ['a', 'b'];
ary = ['a', 'b']; // Assignment to constant variable.
注意：ary[0]='a'内存地址没变，⽽使⽤ary = ['a', 'b']直接赋值，改变了内存地址所以报错

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