js基础复习之自己实现一个new方法

我们要知道new一个新的对象的时候,底层做了下面4件事情:

  1. 新生成了一个对象,即{}
  2. 链接到原型(通俗理解就是new出来的新对象隐式原型__proto__链接到构造函数显式原型prototype上)
  3. 绑定 this,将步骤 1 新创建的对象作为 this 的上下文(实际是执行了构造函数 并将构造函数作用域指向新对象)
  4. 返回新对象
function _new(constructor, ...arg) {
    
    
	var obj = {
    
    }
	obj.__proto__ = constructor.prototype
	var result = constructor.apply(obj, arg) // 这一步绑定constructor内部的this到obj上,并且执行constructor构造函数
	return Object.prototype.toString.call(result) === '[object Object]' ? result : obj
}
// 测试
const myFunc = function(name) {
    
    
    this.name = name
}

var res = _new(myFunc, 'DeanWade')
console.log(res)

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/dyw3390199/article/details/112732171
今日推荐