首页 > web前端 > js教程 > JavaScript 中的'new”关键字如何工作?

JavaScript 中的'new”关键字如何工作?

DDD
发布: 2024-12-30 10:10:10
原创
512 人浏览过

How Does the `new` Keyword Work in JavaScript?

理解 JavaScript 中的“new”关键字

在 JavaScript 中使用“new”的概念可能会令人困惑,尤其是考虑到 JavaScript 的非-面向对象的性质。澄清一下,“新”的运作方式如下:

1。创建一个新对象:

  • 它建立一个新对象,它本质上是一个“对象”类型的对象。

2.设置原型:

  • 它将新创建的对象的不可访问的 [[prototype]] 属性与构造函数的外部原型属性关联起来。这种继承关系允许访问构造函数原型中定义的属性。

3.绑定'this'变量:

  • 它指定'this'变量指向新创建的对象,允许在构造函数中显式访问其属性和方法。

4。执行构造函数:

  • 它运行构造函数,使用新创建的对象作为“this”的上下文。

5.返回对象:

  • 执行后,它将返回新创建的对象,除非构造函数显式返回不同的对象。

利用 'new ' 关键字:

  • 使用 'new' 的合适场景是实例化对象,通常在创建类或模拟面向对象的行为时。
  • 使用对象字面量或假设构造手动创建对象时不适用。

示例:

function Constructor() {
  this.property = "value";
}

const object = new Constructor();

console.log(object.property); // "value"
登录后复制

原型链:

  • 使用 'new' 创建的对象都有一个原型链。
  • 子对象原型的 [[prototype]] 属性指向原型属性基本构造函数。
  • 该链允许访问基本构造函数中定义的继承属性原型。

以上是JavaScript 中的'new”关键字如何工作?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板