JS:new操作符的实现原理(*****五颗星)
1.new操作符的执行过程:
- 首先创建了一个新的空对象
- 设置原型,将对象的原型设置为函数的 prototype 对象。
- 让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)
- 判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。
2.具体实现:
实现写法1:
<script>
function fNew() {
let obj = null
// Array.prototype.shift从数组中删除第一个元素,并返回该元素的值
let constructor = Array.prototype.shift.call(arguments)
let res = null
// 1.判断参数是否是一个函数
if (typeof constructor !== "function") {
console.log("type error")
return
}
//Object.create(proto),创建一个新对象,使用现有的对象来作为新创建对象的原型(prototype)。
//proto:新创建对象的原型对象
// 2.新建一个空对象,对象的原型为构造函数的 prototype 对象
obj = Object.create(constructor.prototype)
// constructor的this指向obj,arguments参数传给constructor
// 3.将 this 指向新建对象,并执行函数,并
剩余60%内容,订阅专栏后可继续查看/也可单篇购买
前端面试题 文章被收录于专栏
前端面试的一些常问问题、问题的具体实现(可直接运行)以及底层原理
