js中new关键字的作用,new一个对象的过程中发生了什么
2024-01-07 17:27:46
在 JavaScript 中,`new` 关键字用于创建一个对象实例。它的作用是调用构造函数来生成一个新的对象,并且确保该对象继承了构造函数的属性和方法。
当使用 `new` 关键字创建对象时,发生以下过程:
1. 创建一个空对象:首先,一个空的 JavaScript 对象被创建,没有任何属性和方法。
2. 将构造函数的作用域赋给新对象:将新创建的对象的原型链接到构造函数的 `prototype` 属性上,以实现继承。这样新对象就可以访问构造函数原型中定义的方法和属性。
3. 执行构造函数的代码:将构造函数作为普通函数调用,将新对象作为构造函数的上下文(即 `this`)传递给构造函数。在构造函数内部,可以通过 `this` 关键字引用新对象,并可以在新对象上设置属性和方法。
4. 返回新对象实例:如果在构造函数中没有显式返回其他对象,则默认情况下返回新创建的对象实例。这样,通过 `new` 关键字创建的对象实例就可以被赋值给一个变量,用于进一步的操作和访问。
下面是一个简单的示例:
?
function Person(name, age) {
this.name = name;
this.age = age;
}
const john = new Person('John', 25);
console.log(john.name); // 输出:John
console.log(john.age); // 输出:25
在上述示例中,`Person` 是一个构造函数,通过 `new` 关键字创建了一个 `Person` 的实例对象 `john`。在构造函数内部,通过 `this.name = name;` 和 `this.age = age;` 设置了新对象的属性。最后,将 `john` 对象赋值给变量,并可以通过该变量访问和操作新对象的属性。
需要注意的是,如果构造函数显式返回一个对象,则 `new` 关键字创建的对象实例将是返回的对象,而不是新创建的空对象。这种情况下,原型链的链接会失去作用。
?
文章来源:https://blog.csdn.net/Mxy18851251178/article/details/135421439
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!