手写new 操作符号

最新推荐文章于 2025-03-02 22:34:04 发布

泛酸桂花酒

最新推荐文章于 2025-03-02 22:34:04 发布

阅读量108

点赞数 2

文章标签：前端 javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/xianfei9651/article/details/142721991

版权

function myNew(constructor, ...args) {
    // Step 1: 创建一个新的空对象
    let obj = {};
    // Step 2: 将这个新对象的原型，指向构造函数的原型对象
    obj.__proto__ = constructor.prototype;
    // Step 3: 将构造函数的 `this`，指向这个新对象，并执行构造函数
    let result = constructor.apply(obj, args);
    // Step 4: 判断构造函数的返回值
    return (typeof result === 'object' && result !== null) ? result : obj;
}

// 使用示例
function Person(name, age) {
    this.name = name;
    this.age = age;
}

let person = myNew(Person, 'John', 30);
console.log(person.name);  // Output: 'John'
console.log(person.age);   // Output: 30