14、new

作者: 苏码码 | 来源:发表于2021-08-26 15:31 被阅读0次

    new 做了什么?
    1、创建了一个空的js对象(即{})

    2、将空对象的原型prototype指向构造函数的原型

    3、将空对象作为构造函数的上下文(改变this指向)

    4、对构造函数有返回值的判断
    怎么实现?

    /*
      create函数要接受不定量的参数,第一个参数是构造函数(也就是new操作符的目标函数),其余参数被构造函数使用。
      new Create() 是一种js语法糖。我们可以用函数调用的方式模拟实现
    */
    function create(Con,...args){
        //1、创建一个空的对象
        let obj = {}; // let obj = Object.create({});
        //2、将空对象的原型prototype指向构造函数的原型
        Object.setPrototypeOf(obj,Con.prototype); // obj.__proto__ = Con.prototype
        //3、改变构造函数的上下文(this),并将剩余的参数传入
        let result = Con.apply(obj,args);
        //4、在构造函数有返回值的情况进行判断
        return result instanceof Object?result:obj;
    }
    

    构造函数返回值的判断
    一般情况下构造函数没有返回值,但是作为函数,是可以有返回值的。

    那么在构造函数有返回值的情况下,new操作符做了什么?

    先看两个例子:

    注意一下上面两个返回值的差异

    function Person(name){
      this.name = name;
      return 1; // return undefined/NaN/'string'/null
    }
    let me = new Person('快乐每一天');
    console.log(me); // { name:'快乐每一天' }
    
    function Person(name){
      this.name = name;
      return { age:12 };
    }
    let me = new Person('快乐每一天');
    console.log(me); // { age:12 }
    

    结论:
    在new的时候,会对构造函数的返回值做一些判断:

    1、如果返回值是基础数据类型,则忽略返回值;

    2、如果返回值是引用数据类型,则使用return 的返回,也就是new操作符无效;

    相关文章

      网友评论

          本文标题:14、new

          本文链接:https://www.haomeiwen.com/subject/rnaosltx.html