实现JS中的new方法

js中的new干了些什么事呢?
1.会把当前函数当做普通函数执行
2.要保证函数中的this 指向创建的实例
3.默认创建了当前类的实例
4.如果当前类有引用类型的返回值,则当成是一个普通函数执行,
  如果当前类没有返回值,new操作则会创建一个当前类的实例,并返回
function _new(Func,...args){
        //将新创建的对象指向传入类的原型
        // let obj = {};
        // obj.__proto__ = Func.prototype; //如果没有这一部,创建的只是一个普通对象,不能指向传入的原型,不能调用Func原型上的方法

        let obj = Object.create(Func.prototype);

        //将函数执行,返回结果如果是有值的就以函数返回为主,如果没有返回值,则返回一个新对象,这个对象为Func的实例
        let result = Func.call(obj,...args);
        if ((result !== null && typeof result === "object") || (typeof result === "function")) {
            return result;
        }
        return obj;
    }

    function Dog(name,age){
        this.name = name;
        this.age = age;
        this.run = function(){
            console.log('i can run');
        }
    }
    Dog.prototype.eat = function(){
        console.log('i can eat');
    }

    let d = _new(Dog,'tom',2);
    console.log(d)

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript ,"new" 操作符用于创建一个新的对象,并将该对象的构造函数设置为指定的函数。下面是一个简单的示例: ```javascript function Person(name) { this.name = name; } var john = new Person("John"); console.log(john.name); // 输出 "John" ``` 在上面的示例,我们创建了一个名为 Person 的构造函数,该函数接收一个参数 name,并将其赋值给 this.name 属性。然后,我们使用 "new" 操作符创建一个名为 john 的新对象,并将其构造函数设置为 Person。最后,我们可以访问 john 对象的 name 属性并输出其值。 那么,"new" 操作符是如何实现的呢?下面是一个简单的实现方式: ```javascript function myNew(constructor, ...args) { // 创建一个新对象,将其原型设置为构造函数的原型 var obj = Object.create(constructor.prototype); // 调用构造函数,并将新对象作为上下文 var result = constructor.apply(obj, args); // 如果构造函数有返回值且为对象,则返回该对象,否则返回新对象 return typeof result === "object" ? result : obj; } // 使用 myNew 创建对象 var john = myNew(Person, "John"); console.log(john.name); // 输出 "John" ``` 在上面的代码,我们定义了一个名为 myNew 的函数,该函数接收一个构造函数和一些参数。该函数首先创建一个新对象 obj,并将其原型设置为构造函数的原型。然后,它使用 apply() 方法调用构造函数,并将新对象作为上下文。最后,如果构造函数有返回值且为对象,则返回该对象,否则返回新对象。 这就是 "new" 操作符的一个简单的实现方式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值