let和const

最新推荐文章于 2024-11-29 08:58:24 发布

原创最新推荐文章于 2024-11-29 08:58:24 发布 · 858 阅读

1 ·

CC 4.0 BY-SA版权

前端同时被 3 个专栏收录

77 篇文章

订阅专栏

JavaScript

38 篇文章

订阅专栏

学习JavaScript

32 篇文章

订阅专栏

本文详细介绍了ES6中let和const的特点与用法，包括它们的作用域限制、声明提升行为及常量特性等，并通过具体示例进行了解释。

let

let和const是ES6的新语法, let有一下特点

let声明的变量只在其所在代码块内有效
let不存在声明提升, 因此或出现暂存性死区
let在同一作用域中不能重复声明一个变量, 即使是声明函数的参数也不行

let声明的变量只在其所在代码块内有效

{
    let a = 2
    console.log(a) //2
}
console.log(a) //undefined

let不存在声明提升, 因此或出现暂存性死区


a = 2
console.log(a)  //2
var a 

b = 3
console.log(b)  //b is not defined
let b

let在同一作用域中不能重复声明一个变量, 即使是声明函数的参数也不行

let a = 3
let b = 2

let a //Uncaught SyntaxError: Identifier 'a' has already been declared

const

const用于声明常量
const和let有着相同的特点

const声明的变量只在其所在代码块内有效
const不存在声明提升, 因此或出现暂存性死区
const在同一作用域中不能重复声明一个变量, 即使是声明函数的参数也不行

除了上面的特点外, 还有下面两个特点:

const声明只读常量, 声明时必须初始化, 否则报错
声明后不可改变其值

const PI
//Uncaught SyntaxError: Missing initializer in const declaration

const PI = 3.14
PI = 3.0
//Uncaught TypeError: Assignment to constant variable.

const 的本质

const的本质是保证变量指向的内存地址不会改动.

对于基本数据类型来说, 变量指向的内存地址保存的是变量的值. 既然值保存在变量指向的内存地址中, 那么和常量没有区别
对于复杂数据类型如对象来说, 变量指向的内存地址保存的是另一个地址, 这个地址是堆内存中的一块地址, 在堆内存的地址中存放的才是对象. 因此我们可以这样说, 变量的内存地址保存着一个指针, 这个指针指向堆内存中的地址. 那么const保存的这个指正永远指向堆内存地址, 而对于堆内存上的对象, 我们是可以修改的. 但是我们无法修改这个指针

const obj = {name: "obj"}
obj.age = 20    //可以修改obj指向对象的属性

console.log(obj) //{name: "obj", age: 20}

obj = {} //Uncaught SyntaxError: Identifier 'obj' has already been declared
//obj是一个指针, 它不能指向新的对象