怎么封装一个 new

靳明源

于 2023-04-17 20:50:05 发布

阅读量168

点赞数

文章标签：原型模式 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/weixin_68047060/article/details/130208622

版权

文章通过myNew函数展示了如何模拟JavaScript中的构造函数行为，使一个函数能够像构造函数一样工作。在myNew函数中，创建了空对象，设置了原型链，然后通过apply方法将构造函数的作用域绑定到空对象上，确保this指向正确。最后，根据构造函数的返回值类型决定返回新对象还是原对象。在给定的示例中，创建了一个Child类，其原型通过myNew调用Father构造函数初始化，从而实现了属性的继承。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function myNew(fn,...agr) {
    //创建一个空对象
    let obj = {}
    //将空对象的原型指向构造函数的原型(能打印出来,但是obj.name获取不到)
    obj._proto_ = fn.prototype
    //将构造函数的this指向空对象(这样obj.name就能拿到)
    let newObj = fn.apply(obj,agr)
    //判断构造函数的返回值是否为对象
    return typeof newObj === 'object' ? newObj : obj
}

myNew(function(name,age){
    this.name = name
    this.age = age
},'张三',25)

测试一下

function myNew(fn,...agr) {
    //创建一个空对象
    let obj = {}
    //将空对象的原型指向构造函数的原型(能打印出来,但是obj.name获取不到)
    obj._proto_ = fn.prototype
    //将构造函数的this指向空对象(这样obj.name就能拿到)
    let newObj = fn.apply(obj,agr)
    //判断构造函数的返回值是否为对象
    return typeof newObj === 'object' ? newObj : obj
}

function Father (name,age) {
    this.name = name
    this.age = age
}

function Child () {
    this.child = '子'
    console.log(this.name) //父
}

Child.prototype = myNew(Father,'父','25')
let child1 = new Child()
console.log(child1.child,child1.name,child1.age) // '子' '父' 20