JavaScript new

new 关键字是 JavaScript 中一个非常重要的概念。它允许开发者通过构造函数创建新的对象实例。本章将详细介绍 new 关键字的工作原理、使用场景及其内部机制。

构造函数与对象实例化

在 JavaScript 中，构造函数是一种特殊的函数，主要用于初始化和创建新对象。当我们调用一个构造函数时，可以使用 new 关键字来创建一个新的对象实例。构造函数的命名通常采用首字母大写的驼峰式命名法，以区别于普通函数。

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

使用 new 创建对象实例

当你使用 new 关键字调用构造函数时，JavaScript 引擎会执行以下步骤：

1. 创建一个新的空对象。
2. 将这个新对象的原型设置为构造函数的 prototype 属性。
3. 将构造函数中的 this 指向这个新对象。
4. 执行构造函数内的代码，给新对象添加属性或方法。
5. 返回这个新对象。

const person1 = new Person("Alice", 25);
console.log(person1); // {name: "Alice", age: 25}

new 关键字的内部机制

为了更好地理解 new 关键字的作用，我们可以模拟它的行为：

// www.javascriptcn.com code example
function myNew(constructor, ...args) {
    const obj = Object.create(constructor.prototype);
    const result = constructor.apply(obj, args);
    return (result && typeof result === 'object') ? result : obj;
}

// 使用自定义的 myNew 函数
function Person(name, age) {
    this.name = name;
    this.age = age;
}

const person2 = myNew(Person, "Bob", 30);
console.log(person2); // {name: "Bob", age: 30}

构造函数的 prototype 属性

每个函数都有一个 prototype 属性，这个属性是一个对象，包含了所有通过该函数创建的对象实例共享的方法和属性。当使用 new 关键字创建对象实例时，这些实例会继承构造函数的 prototype 属性。

Person.prototype.greet = function() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
};

person1.greet(); // Hello, my name is Alice and I'm 25 years old.
person2.greet(); // Hello, my name is Bob and I'm 30 years old.

继承与原型链

原型链是 JavaScript 中实现继承的重要机制。每个对象都有一个内部属性 [[Prototype]]，指向其原型对象。通过原型链，对象可以访问到其原型上的方法和属性。

// www.javascriptcn.com code example
function Animal(name) {
    this.name = name;
}

Animal.prototype.speak = function() {
    console.log(`${this.name} makes a noise.`);
};

function Dog(name, breed) {
    Animal.call(this, name);
    this.breed = breed;
}

Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;

Dog.prototype.speak = function() {
    console.log(`${this.name} barks.`);
};

const dog1 = new Dog("Buddy", "Golden Retriever");
dog1.speak(); // Buddy barks.

new.target 与类构造函数

在 ES6 中引入了 class 关键字，使得面向对象编程更加直观。class 实际上是基于原型的继承的一个语法糖，它简化了构造函数和原型链的管理。

// www.javascriptcn.com code example
class Animal {
    constructor(name) {
        if (new.target === Animal) {
            throw new Error("Cannot instantiate directly.");
        }
        this.name = name;
    }

    speak() {
        console.log(`${this.name} makes a noise.`);
    }
}

class Dog extends Animal {
    constructor(name, breed) {
        super(name);
        this.breed = breed;
    }

    speak() {
        console.log(`${this.name} barks.`);
    }
}

try {
    new Animal("Generic"); // 抛出错误
} catch (e) {
    console.error(e.message);
}

const dog2 = new Dog("Max", "German Shepherd");
dog2.speak(); // Max barks.

以上内容详细介绍了 new 关键字在 JavaScript 中的作用和用法。通过构造函数和原型链，我们可以有效地管理和扩展对象的功能。希望这些内容对你理解和使用 new 关键字有所帮助。