let和const的区别

let和const的区别

相同点:
0、ES6中的命令,声明的变量或常量不再是全局变量的属性或方法。
let a=0 window.a//'undefined'
1、都是命令
2、块级作用域,块之外访问会报错
3、不能变量提升,在声明之前访问会报错
4、不允许在同一快中重复声明(let,const一样)

//可以在{}中在声明,不同的块
function d (b){
 const a=1
 { const a=0
 console.log(a)
 }
}
d()
function d (a){
 const a=1//SyntaxError: Identifier 'a' has already been declared
 console.log(a)
}
d()
function d (b){
 const a=1//SyntaxError: Identifier 'a' has already been declared
const a=8
 console.log(a)
}
d()

5、暂时性死区,所声明的变量或者常量会绑定到该区块,不再受外部影响

//暂时性死区
var a=0;
for(let i=0;i<2;i++){
    console.log(a)//ReferenceError:
    const a=0
}

var b=0;
for(let i=0;i<2;i++){
    console.log(b)//ReferenceError:
    let b=0
}

不同点
1、let声明的是变量,const声明的是常量,只读,修改值会报错,const保存的是内存地址,可以给对象或数组添加属性或元素,但是不能重新复写。

const obj={}
obj.a=1//正常
obj={}//错误

const arr=[]
arr.push(0)//可以
arr=[2]//重新赋值报错

补充:为甚需要块级作用域

场景一,内层变量可能会覆盖外层变量

var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined

上面代码的原意是,if代码块的外部使用外层的tmp变量,内部使用内层的tmp变量。但是,函数f执行后,输出结果为undefined,原因在于变量提升,导致内层的tmp变量覆盖外层的tmp变量

第二种场景,用来计数的循环变量泄露为全局变量。

var s = 'hello';

for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}

console.log(i); // 5

上面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。

参考资料:let 和 const 命令

    原文作者:fenerchen
    原文地址: https://www.jianshu.com/p/28605eacbedd
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞