什么是new关键字？

在JavaScript中，new关键字用于创建一个新的对象实例。它看起来很简单，但背后却有很多复杂的操作。今天我们就来聊聊这个new关键字在实例化对象时到底做了些什么，ICU你。。

new操作符的五个步骤

当我们使用new操作符调用构造函数时 Ja 躺赢。 vaScript引擎会自动施行以下五个步骤：

第一步：创建一个空对象

先说说JavaScript会创建一个全新的、普通的空对象。这个对象没有任何属性或方法，就像一张白纸一样。这个空对象将成为我们新创建的实例，就这？。

javascript // 相当于： var obj = {};，也是没谁了。

第二步：设置原型链

接下来这个新创建的空对象会被设置为构造函数原型的实例。这意味着新对象可以访问构造函数原型上的所有属性和方法，抄近道。。

javascript // 相当于： obj.__pro 一句话。 to__ = Constructor.prototype;

第三步：绑定this并施行构造函数

然后 构造函数会被调用，并且其内部的this会被指向刚刚创建的新对象。 靠谱。 这样我们就可以通过this来给新对象添加属性和方法。

javascript // 相当于： Constructor.call;，躺平...

第四步：返回后来啊判断

往白了说... 再说说一步是判断构造函数是否显式返回了一个非原始类型值： - 如果返回的是非原始类型，那么new表达式将返回这个值。 - 如果返回的是原始类型或者没有显式return语句，那么new表达式将默认返回刚刚创建并绑定this后的那个空对象。

javascript // 相当于： if { return result; } else { return obj; }

特殊情况分析

可不是吗！ 虽然上面描述了标准流程， 但有时候也会有特殊情况需要注意：

1. 直接调用构造函数如果忘记使用new关键字直接调用构造函数，那么this将指向全局window对象，而不会创建新实例。 javascript function Person { this.name = 'Alice'; } var p = Person; // 错误！name属性挂载到window上了！

2. 显式返回非Object如果构造函数显式返回一个基本数据类型值，该值将被忽略。 javascript function Person { this.name = 'Bob'; return 'I am a string!'; } var p = new Person; // p仍然是Person实例， 而不是字符串'I am a string!'

3. 显式返回Object如果构造函数显式返回一个已存在的Object类型值，那么该Object将成为到头来后来啊。 javascript function Person { this.name = 'Charlie'; return { name: 'David' }; } var p = new Person; // p就是{ name: 'David' }而不是Person实例，YYDS...！

用代码模拟new操作符

既然我们知道了new操作符背后做了什么事儿嘛咯～那我们可以自己写个myNew方法来模拟它哦！

javascript function myNew { // 第一步：创建一个空对象并设置其原型链 奥利给！ 指向Constructor.prototype const obj = Object.create;

// 第三步：绑定this并施行Constructor中的代码逻辑；第二步已经完成隐含绑定所以不需要再写
const result = Constructor.apply;
// 第四部：根据result判断到头来要return哪个东西
if  {
    return result;
}
else {
    return obj;
}

}

function Person {

 this.name=name;

const person=myNew;

console.log; // 输出 { name: "Tom" }

console.log; // 输出 true，冲鸭！

通过比较myNew和原生new得到person之后发现它们确实一样呢，我是深有体会。！

小结一下吧～

理解这些内部机制有助于我们更好地掌握面向JavaScript编程技巧以及避免一些常见错误哦！记住这五大核心要点：

✅1️⃣先搞个干干净净啥都木有得空白小盒子出来！ ✅2️⃣把小盒子变成大师傅手里那把刀子模板能打印出来同样的东西； ✅3️⃣叫大师傅过来站小盒子顶上开始工作； ✅4️⃣看看大师傅再说说拿啥回来——要不是原来那小盒子要不就是他重做一份儿菜； ✅5️⃣别忘记把剩下没吃完菜带回家去喂狗，PUA。！

这样你就算真正明白了new魔法啦～下次遇到面试官问你这 扯后腿。 问题的时候可别只说三句话就结束啦～展示你深入理解力道嘛！

别纠结... 希望本篇文章能帮助大家深入理解JS中的new机制哦！🚀🚀🚀