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 关键字的作用，我们可以模拟它的行为：

-- -------------------- ---- -------
-------- ------------------ -------- -
    ----- --- - -------------------------------------
    ----- ------ - ---------------------- ------
    ------ ------- -- ------ ------ --- --------- - ------ - ----
-

-- ------ ----- --
-------- ------------ ---- -
    --------- - -----
    -------- - ----
-

----- ------- - ------------- ------ ----
--------------------- -- ------ ------ ---- ---

构造函数的 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]]，指向其原型对象。通过原型链，对象可以访问到其原型上的方法和属性。

-- -------------------- ---- -------
-------- ------------ -
    --------- - -----
-

---------------------- - ---------- -
    ------------------------- ----- - ---------
--

-------- --------- ------ -
    ----------------- ------
    ---------- - ------
-

------------- - --------------------------------
------------------------- - ----

------------------- - ---------- -
    ------------------------- ---------
--

----- ---- - --- ------------ ------- ------------
------------- -- ----- ------

new.target 与类构造函数

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

-- -------------------- ---- -------
----- ------ -
    ----------------- -
        -- ----------- --- ------- -
            ----- --- ------------- ----------- ------------
        -
        --------- - -----
    -

    ------- -
        ------------------------- ----- - ---------
    -
-

----- --- ------- ------ -
    ----------------- ------ -
        ------------
        ---------- - ------
    -

    ------- -
        ------------------------- ---------
    -
-

--- -
    --- ------------------ -- ----
- ----- --- -
    -------------------------
-

----- ---- - --- ---------- ------- -----------
------------- -- --- ------

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