JavaScript 2.0 详解：面向对象的进化78

JavaScript 2.0，正式发布于 2015 年，是对 JavaScript 语言的一次重大更新，它引入了几个关键特性，尤其是面向对象编程 (OOP) 功能，从而极大地扩展了该语言的能力。在本文中，我们将探索 JavaScript 2.0 中的面向对象功能，包括类、构造函数和继承。

类和构造函数

JavaScript 2.0 中的类是 OOP 的基本构建块。它们充当模板，允许您创建具有相同属性和方法的对象。使用 class 关键字创建类，后跟类名：```javascript
class Person {
constructor(name, age) {
= name;
= age;
}
}
```

在 Person 类中，构造函数 constructor() 初始化对象的属性 name 和 age。构造函数在创建类实例（对象）时自动调用。

要创建 Person 类的实例，请使用 new 关键字：```javascript
let person = new Person('John', 30);
```

person 现在是一个 Person 类的实例，它具有 name 和 age 属性。

方法

方法是与类关联的函数。它们允许您操作对象的状态或执行特定任务。使用 prototype 属性将方法添加到类：```javascript
= function() {
("Hello, my name is " + + " and I am " + + " years old.");
};
```

greet() 方法打印对象的姓名和年龄。要调用方法，请使用点语法：```javascript
();
```

继承

继承允许您创建子类，它从父类继承属性和方法。使用 extends 关键字创建子类：```javascript
class Employee extends Person {
constructor(name, age, salary) {
super(name, age); // 调用父类构造函数
= salary;
}
// 定义子类特有方法
work() {
("Working...");
}
}
```

Employee 类从 Person 类继承，并添加了一个新的属性 salary 和一个新的方法 work()。

要创建 Employee 类的实例，请使用 new 关键字：```javascript
let employee = new Employee('Jane', 25, 50000);
```

employee 现在是一个 Employee 类的实例，它继承了 Person 类的所有属性和方法，并具有其自己的 salary 属性和 work() 方法。

其他 JavaScript 2.0 特性

除了 OOP，JavaScript 2.0 还引入了其他几个新特性，包括：* 箭头函数：一种更简洁地编写函数的方式。
* 块级作用域：允许您使用 let 和 const 关键字定义块级变量。
* 模板字符串：一种使用模板字面量创建字符串的方式。
* Symbol 数据类型：一种创建唯一且不可变的值的方式。
* Promise：一种处理异步操作的方式。

JavaScript 2.0 中的面向对象功能是对该语言的一次重大升级。它允许您编写更结构化、可扩展和可维护的代码。通过理解类、构造函数和继承的概念，您可以充分利用 JavaScript 2.0 的强大功能并创建复杂且有效的应用程序。

2025-01-13

上一篇：JavaScript (JS) 中的 JSF (JavaServer Faces)

下一篇：AMD：模块化JavaScript开发