JS 中的新操作符

简介

JavaScript 作为一门灵活且功能强大的编程语言，为我们提供了多种创建对象的方式。其中，new 是一种非常重要的语法结构，它允许我们创建对象并调用构造函数。通过使用 new 关键字，我们可以轻松地创建具有相同属性和方法的对象，从而大大提高了代码的可重用性和可维护性。

构造函数

构造函数是 JavaScript 中创建对象的一种特殊函数，它可以被 new 关键字调用来创建对象。构造函数通常以大写字母开头，并且在函数体内定义对象的属性和方法。当我们使用 new 关键字调用构造函数时，它将创建一个新的对象，并将该对象作为构造函数的返回值。

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

const person1 = new Person('John', 30);
console.log(person1.name); // "John"
console.log(person1.age); // 30

在上面的示例中，我们定义了一个名为 Person 的构造函数，它接受两个参数：name 和 age。当我们使用 new 关键字调用 Person 构造函数时，它会创建一个新的 Person 对象，并将 name 和 age 作为参数传递给该对象。我们可以通过使用点号(.)运算符来访问对象的属性，例如 person1.name 和 person1.age。

实例化类

在 JavaScript 中，类是一种语法结构，它允许我们定义对象的模板。类可以包含属性、方法和构造函数。我们可以使用 new 关键字来实例化类，从而创建该类的对象。

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person1 = new Person('John', 30);
person1.greet(); // "Hello, my name is John and I am 30 years old."

在上面的示例中，我们定义了一个名为 Person 的类，它包含一个构造函数和一个 greet() 方法。当我们使用 new 关键字来实例化 Person 类时，它会创建一个新的 Person 对象，并将 name 和 age 作为参数传递给该对象。我们可以通过使用点号(.)运算符来访问对象的属性和方法，例如 person1.name、person1.age 和 person1.greet()。

继承

继承是面向对象编程中的一项重要特性，它允许我们创建新的类，这些新类可以从现有类继承属性和方法。在 JavaScript 中，我们可以使用 extends 关键字来实现继承。

class Employee extends Person {
  constructor(name, age, jobTitle) {
    super(name, age);
    this.jobTitle = jobTitle;
  }

  work() {
    console.log(`I am ${this.name} and I am a ${this.jobTitle}.`);
  }
}

const employee1 = new Employee('John', 30, 'Software Engineer');
employee1.greet(); // "Hello, my name is John and I am 30 years old."
employee1.work(); // "I am John and I am a Software Engineer."

在上面的示例中，我们定义了一个名为 Employee 的类，它继承自 Person 类。当我们使用 new 关键字来实例化 Employee 类时，它会创建一个新的 Employee 对象，并将 name、age 和 jobTitle 作为参数传递给该对象。我们可以通过使用点号(.)运算符来访问对象的属性和方法，例如 employee1.name、employee1.age、employee1.jobTitle、employee1.greet() 和 employee1.work()。

封装

封装是面向对象编程中另一项重要特性，它允许我们将对象的属性和方法隐藏起来，只允许通过对象的公共接口来访问它们。在 JavaScript 中，我们可以使用私有属性和私有方法来实现封装。

class Person {
  #name;
  #age;

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

  greet() {
    console.log(`Hello, my name is ${this.#name} and I am ${this.#age} years old.`);
  }
}

const person1 = new Person('John', 30);
console.log(person1.#name); // Error: Cannot access private field #name from an object of type Person.
console.log(person1.#age); // Error: Cannot access private field #age from an object of type Person.
person1.greet(); // "Hello, my name is John and I am 30 years old."

在上面的示例中，我们使用 # 符号来定义私有属性和私有方法。私有属性和私有方法只能在类的内部访问，不能在类的外部访问。因此，当我们尝试在类的外部访问私有属性或私有方法时，将会抛出一个错误。

结语

new 关键字是 JavaScript 中创建对象并调用构造函数的强大工具。通过使用 new 关键字，我们可以轻松地创建具有相同属性和方法的对象，从而大大提高了代码的可重用性和可维护性。我们还可以使用 new 关键字来实例化类、实现继承和封装。掌握 new 关键字对于 JavaScript 开发人员来说至关重要，它可以帮助我们构建复杂且可维护的应用程序。