标签：运算符 func new var New 原理 o2 o1 构造函数

// 模拟new运算符工作原理的 new1
var new1 = function(func,value){ // func指令构造函数
    // 1.生成一个新对象，这个对象要继承构造函数的原型对象
    var o = Object.create(func.prototype)
    // 2.执行构造函数func
    var k = func.call(o,value)// call转移上下文，将其转成新创建的o
    // 3.判断func执行完的结果是不是对象类型
    if(typeof k === 'object'){
        return k
    }else {
        return o
    }
}

// M 构造函数
var M = function(name){
    this.name = name
}
M.prototype.talk = function(){console.log('talk')}

// new 生成的 o1
var o1 = new M('o1')
console.log(o1) // M{name: "o1"}
o1.talk() // talk

// 验证模拟new运算符的 new1
var o2 = new1(M, 'o2') //传入M构造函数和参数
console.log(o2) // M{name: "o2"}
o2.talk() // talk

o2 instanceof M // true
o2 instanceof Object // true
o2.__proto__ === M.prototype // true
o2.__proto__.constructor === M // true

new 运算符的工作流程：

1. 一个新对象被创建，它继承自foo.prototype(就是利用 Object.create 方法将 foo.prototype 作为新对象的原型对象)
2. 构造函数foo被执行，执行的时候，相应的传参会被传入，同时上下文(this)会被指定为这个新实例。new foo 等同于new foo()，只能用在不传递任何参数的情况。
3. 如果构造函数返回(return)了一个“对象”，那个这个对象会取代new出来的结果。如果构造函数没有返回对象，那么new出来的结果为步骤1创建的对象。

标签：运算符,func,new,var,New,原理,o2,o1,构造函数
来源： https://blog.csdn.net/qq_48852759/article/details/114171003

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。