js中new关键字的作用,new一个对象的过程中发生了什么

简介: js中new关键字的作用,new一个对象的过程中发生了什么

在 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` 关键字创建的对象实例将是返回的对象,而不是新创建的空对象。这种情况下,原型链的链接会失去作用。

 

相关文章
|
8天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
19 3
|
2天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
2天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
2天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
2天前
|
JavaScript 前端开发
JavaScript 日期对象
JavaScript 日期对象
|
2天前
|
存储 JavaScript 前端开发
|
2天前
|
JavaScript 前端开发
JavaScript的math对象
JavaScript的math对象
|
2天前
|
JavaScript 前端开发
JavaScript DOM 文档对象模型(获取、改变html元素)
JavaScript DOM 文档对象模型(获取、改变html元素)
|
2天前
|
JavaScript 前端开发
【专栏】Javascript 对象的深浅拷贝
【4月更文挑战第29天】JavaScript中的对象拷贝分为浅拷贝和深拷贝。浅拷贝仅复制对象引用,修改拷贝会影响原始对象,如使用直接赋值、`Object.assign()`、扩展运算符和`Array.prototype.concat()`。深拷贝则创建独立副本,修改不影响原始对象,可通过递归、`JSON.stringify()`和`JSON.parse()`、Lodash的`cloneDeep()`或jQuery的`jQuery.extend()`实现。
|
9天前
|
JavaScript 前端开发
js开发:请解释this关键字在JavaScript中的用法。
【4月更文挑战第23天】JavaScript的this关键字根据执行环境指向不同对象:全局中指向全局对象(如window),普通函数中默认指向全局对象,作为方法调用时指向调用对象;构造函数中指向新实例,箭头函数继承所在上下文的this。可通过call、apply、bind方法显式改变this指向。
8 1