当前位置：首页 > news >正文

View：new关键词干了什么事，还有原型链是什么

news 2025/10/3 5:33:10

1.new关键词干了什么事：
这里来看一段代码
先创建一个函数，如下：

function myFunction(data) {}
我们现在来用new一个，如下：

const weakMap = new myFunction();
new完了，来打印看看都有什么：

console.log(“1. 开始 new 操作”);
const weakMap = new myFunction();
console.log(“4.”, weakMap, “返回this指向的实例”);
function myFunction(data) {
console.log(“2.”,
this.proto === myFunction.prototype);
console.log(“3.”, this);
}
输出结果是：

那也就是说：

new 操作符做了什么事：

创建一个空对象

2.挂载连接双方原型，对象的原型是__proto__,构造函数的原型是prototype

3.执行构造函数，将this指向新创建的对象实例

4.如果构造函数返回的是一个对象，则返回这个对象，否则返回this指向的实例

第四点怎么理解呢？你看当上面的代码，我现在没有return，他就是myFunction，现在修改代码，修改为：

function myFunction(data) {
console.log(“2.”,this.proto === myFunction.prototype);
console.log(“3.”, this);
return {
age: 18,
}
}
添加了一个return，并且是个对象时，此时的打印结果：

变了，变成返回的对象了，那返回其他类型呢，例如返回一个字符串：

function myFunction(data) {
console.log(“2.”,this.proto === myFunction.prototype);
console.log(“3.”, this);
return ‘创建对象实例成功’
}
结果是返回的myFunction：

也就是对应上第四条：当构造函数有返回时，并且是个对象时，那返回的就是这个对象，否则就是这个this指向的实例。

2.原型链是什么？
我们知道对象上有个原型叫__proto__，函数上面有个原型叫prototype。根据上面我们知道了new操作符创建了一个空对象并且赋值给了weakMap，那也就是说weakMap.__proto__指向了myFunction.prototype。这个暂且参考上面的第二条。
补充：我们知道在 JavaScript 中，每个函数其实都是一个Function对象。函数默认返回undefined。函数的本质又是对象。
让我们来打印：

// 从weakMap开始分析
console.log(weakMap.proto === myFunction.prototype, “true”);
console.log(typeof myFunction.prototype);
console.log(myFunction.prototype.proto === Object.prototype, “true”);
console.log(typeof Object.prototype,);
console.log(Object.prototype.proto === null, “true”);
console.log("===================================")
//从myFunction开始分析
console.log(myFunction.proto === Function.prototype, “true”);
console.log(typeof Function.prototype);
console.log(Function.prototype.proto === Object.prototype, “true”);
console.log(typeof Object.prototype);
console.log(Object.prototype.proto === null, “true”);
结果是：