let const var 之间的区别

最新推荐文章于 2024-03-21 10:15:18 发布

刃下心001

最新推荐文章于 2024-03-21 10:15:18 发布

阅读量1.2k

点赞数 2

分类专栏： es6

本文链接：https://blog.csdn.net/dream19921216/article/details/80247266

版权

2 篇文章 0 订阅

订阅专栏

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

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; // 不报错
  }
}

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 不存在块作用域；可以变量提升；允许重复声明；

关注