js自己实现一个new方法

程序猿的日常小计

21-08-12篇： 手写一个new方法

function Person(name){
    this.name = name
}
Person.prototype.sayName = function(){
    console.log(this.name)
}
// 上面是本身Person
function _new(fn,...args){   // ...args为ES6展开符,也可以使用arguments
    //先用Object创建一个空的对象,
    const obj = Object.create(fn.prototype)  //fn.prototype代表 用当前对象的原型去创建
    //现在obj就代表Person了,但是参数和this指向没有修改
    const rel = fn.apply(obj,args)
    //正常规定,如何fn返回的是null或undefined(也就是不返回内容),我们返回的是obj,否则返回rel
    return rel instanceof Object ? rel : obj
}
var _newPerson = _new(Person,'这是用_new出来的ren')
_newPerson.sayName()

具体的实现思路：

1. 创建一个空对象 var obj = {}
2. 修改obj.__proto__=Person.prototype
3. 只改this指向并且把参数传递过去,call和apply都可以
4. 根据规范，返回 null 和 undefined 不处理，依然返回obj