JavaScript 新关键字

Shiv Yadav 2023年1月30日 2022年5月10日
  1. JavaScript 中的 new 关键字是什么
  2. 在 JavaScript 中使用 new 关键字
JavaScript 新关键字

本文帮助你了解 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() 包括三个属性:namepricepages 通知 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

Author: Shiv Yadav
Shiv Yadav avatar Shiv Yadav avatar

Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.

LinkedIn

相关文章 - JavaScript Keyword