当前位置：首页 > 文章列表 > 文章 > 前端 > 掌握 ESeatures：JavaScript 中的 let、const 和类

掌握 ESeatures：JavaScript 中的 let、const 和类

2025-01-13 13:33:46 0浏览收藏

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《掌握 ESeatures：JavaScript 中的 let、const 和类》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

深入理解ES6特性：let、const与类

ECMAScript 2015 (ES6) 引入了一系列强大的特性，彻底革新了JavaScript开发。其中，let、const和class关键字对于编写现代化、简洁高效的JavaScript代码至关重要。

1. let关键字

let用于声明具有块级作用域的变量。不同于var，let不允许在同一作用域内重复声明，且不会发生变量提升。

语法：

let 变量名 = 值;

特性：

块级作用域：仅在声明所在的{}代码块内可见。
不可重复声明：在同一作用域内不能再次声明相同名称的变量。
可重新赋值：变量的值可以被修改。

示例：

let x = 10;
if (true) {
  let x = 20; // 块级作用域
  console.log(x); // 20
}
console.log(x); // 10

2. const关键字

const用于声明常量。与let一样，它也具有块级作用域，但其值在声明后不可重新赋值。

语法：

const 变量名 = 值;

特性：

块级作用域：仅在声明所在的{}代码块内可见。
必须初始化：声明时必须同时赋值。
不可重新赋值：变量的值不能被修改，但对象和数组的属性可以修改。

示例：

const pi = 3.14159;
console.log(pi); // 3.14159

// pi = 3.14; // 错误：常量不可重新赋值

const numbers = [1, 2, 3];
numbers.push(4); // 允许
console.log(numbers); // [1, 2, 3, 4]

`let`、`const`与`var`的比较：

特性	let	const	var
作用域	块级	块级	函数级
变量提升	否	否	是
重复声明	不允许	不允许	允许
重新赋值	允许	不允许	允许

---

3. 类 (class)

ES6引入了class语法，提供了一种更清晰、更直观的创建对象和处理继承的方式，相比传统的原型继承更加易于理解和维护。

语法：

class 类名 {
  constructor(参数) {
    // 初始化代码
  }
  方法名() {
    // 方法代码
  }
}

示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`您好，我的名字是${this.name}，我${this.age}岁。`);
  }
}

const person1 = new Person('Alice', 25);
person1.greet(); // 您好，我的名字是Alice，我25岁。