let const var 之间的区别

let const 均为ES6新增语法,首先看看它俩之间的异同点

一 . let与const相同点

1.声明的变量只能在块级作用域有效;

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

2.不存在变量提升;

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

3.相同块作用域内不允许同一变量重复声明;

// 报错
function func() {
  let a = 10;
  var a = 1;
}

// 报错
function func() {
  let a = 10;
  let a = 1;
}
function func(arg) {
  let arg; // 报错
}

function func(arg) {
  {
    let arg; // 不报错
  }
}


二 . let与const不同点

const声明一个只读的常量。一旦声明,常量的值就不能改变。

const a = 3.1415
a // 3.1415
a = 3

如上代码执行时会直接报错  Assignment to constant variable.

意思就是只读常量的值不可以改变

const b //错误写法,必需给予初始化值
// const b = 0 //正确写法

同时const声明的变量必需给予初始化值,否则也会直接报错 Missing initializer in const declaration

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针

const foo = {};

// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only

综上所述let与const的区别已经很明显了,而let和const 与var 的区别正好就是let和const的相同点加上它们的不同点

var 不存在块作用域;可以变量提升;允许重复声明;


你可能感兴趣的:(es6)