javaScript中关于ES6关键字 let、const 与 var 的区别

javaScript中关于ES6关键字 let、const 与 var 的区别

ECMAScript6中新增了两个关键字,分别是 let 和 const，它们可以用来声明变量，但是和 var 关键字有所区别

var 关键字

• 没有块级作用域

{
   var a = 10;
}
//=> 外面可以拿到 a 这个变量的值
console.log(a); //=> 10

• var 有变量提升

console.log(a); //=> undefined
if(true) {
//=> var关键字不存在块级作用域,会导致变量提升
	var a = 10;
}

• var 可以重复声明

var a = 10;
var a = 20;
console.log(a); //=> 20

let 关键字

• 拥有块级作用域

{
  let a = 10;
}
//=> 外面不可以拿到 a 这个变量的值
console.log(a); //=>  a is not defined

• 没有变量提升

console.log(a); //=> a is not defined
if(true) {
//=> let 关键字声明的变量不存在变量提升
   let a = 10;
}

• let 关键字不能重复声明变量

let a = 10;
let a = 20; //=> Identifier 'a' has already been declared
//=> 报错，a已经被声明了
console.log(a);

const 关键字

• 拥有块级作用域

{
  const a = 10;
}
//=> 外面不可以拿到 a 这个变量的值
console.log(a); //=>  a is not defined

• 没有变量提升

console.log(a); //=> a is not defined
if(true) {
//=> const 关键字声明的变量不存在变量提升
  const a = 10;
}

• const 关键字不能重复声明变量

const a = 10;
const a = 20; //=> Identifier 'a' has already been declared
//=> 报错，a已经被声明了
console.log(a);

• const 关键字需要变量初始化 (声明变量的时候就要赋值)

const a = 10; //=> 声明变量时需要赋值
const b; //=> Missing initializer in const declaration
b = 10; 

• const 声明变量后，不可以修改变量的内存地址
  (因为这个特性，许多人叫把它声明的数据叫做常量)

const a = 10;
a = 20; //=> Assignment to constant variable.

//=> 但是我们可以不修改变量的内存地址改变内容
const ary = ['one','two','three','four','five'];
ary[0] = 'six';
ary[2] = 'seven';
ary[4] = 'eight';
console.log(ary);

以上就是 let、const 关键字 与 var关键字的区别。
如需转载请联系作者 zheng_jia_jun