迹忆客 专注技术分享

本文帮助你了解 JavaScript 中 new 关键字的用法。

JavaScript 中的 new 关键字是什么

JavaScript 的 new 关键字用于使用构造函数实例化对象。当使用 new 运算符调用构造函数时会发生以下情况。

1. 生成一个新的空对象。

2. 新对象的内部 Prototype 属性与构造函数原型相同。

3. 变量 this 旨在指向新创建的对象。它将用 this 关键字声明的属性绑定到新对象。

4. 当构造函数返回一个非原始值（自定义 JavaScript 对象）时，返回一个新创建的对象。如果构造函数返回原始值，则忽略它。

   在函数之后，如果函数体中没有返回语句，则返回 this。

语法：

new constructorFunction(arguments);

范围：

1. ConstructorFunction - 指定对象实例类型的类或函数。
2. 参数 - 将调用构造函数的值列表。

在 JavaScript 中使用 new 关键字

示例 1：

function Book(name, price, pages) {
  this.name = name;
  this.price = price;
  this.pages = pages;
}

const book1 = new Book('Science', 20, 480);

document.write(book1.name);

尝试演示。

输出：

Science

new 关键字在上面的示例中创建了一个空对象。Book() 包括三个属性：name、price 和 pages 通知 this 术语。

结果，一个新的空对象将具有所有这些属性，即名称、价格和页面。新创建的东西以 book1() 的形式返回。

示例 2：

function func() {
  var as = 1;
  this.s = 500;
}

func.prototype.k = 1000;

var obj = new func();
document.write(obj.s);
document.write('\n');
document.write(obj.k);

尝试演示。

输出：

500 1000

上例中的 new 关键字创建了一个空对象，然后将 prototype 属性设置为 func() 的原型属性。使用 func.prototype.k 分配新属性 k。

因此，新实体还将包含 k 属性；然后，它将使用 this 关键字声明的所有属性和函数绑定到一个新的空对象。

这里，func() 只包含一个属性 s，用 this 关键字表示。因此，一个新的开放实体现在将具有 s 属性。

func() 包括 as 变量，未使用 this 关键字声明。因此 as 不会包含在新对象中。

最后，返回新创建的对象。请注意，func() 没有 return 语句。

编译器将在末尾隐式插入 return this。