浅析JS中NEW的实现原理及重写
提到new，肯定会和类和实例联系起来，如：
functionFunc(){
letx=100;
this.num=x+
}
letf=newFunc();
上面的代码，我们首先创建了一个函数，如果是用面向对象的说法就是创建了一个Function类的实例，如果直接执行这个函数，那它就是一个普通的函数，如果用new执行，则这个函数被称为一个自定义的类。
如果是一个普通函数执行，他会如下做几件事：
·形成一个全新的执行上下文EC(ExecutionContext执行环境)
·形成一个AO(ActivationObject活动对象)变量对象，初始化arguments和形参赋值
·初始化作用域链
·代码执行
如果是new函数执行，它既有普通函数执行的一面，也有自己独有的东西：
·默认创建一个对象，而这个对象就是当前类的实例
·声明其this指向，让其指向这个新创建的实例
·不论其是否写return，都会把新创建的实例返回，这里有个特殊点，如果用户自己返回内容，且返回的是一个引用类型值，则会把默认返回的实例给覆盖掉，此时返回的值就不再是类的实例了
console.log(f);//=>{num:200}
//f是Func这个类的实例
//相当于给创建的实例对象新增一个num的属性obj.num=200（因为具备普通函数执行的一面，所以只有this.xxx=xxx才和创建的实例有关系，此案例中的x只是AO中的私有变量）
console.log(finstanceofFunc);//=>TRUEinstanceof用来检测某一个实例是否属于这个类
每一次new出来的都是一个新的实例对象
console.log(f===f2);//=>false
既然知道了new都做了什么事情，我们重新一下new：
/*
*内置NEW的实现原理
*@params
*Func：操作的那个类
*ARGS：NEW类的时候传递的实参集合
*@return
*实例或者自己返回的对象
*/
function_new(Func,...args){
//默认创建一个实例对象（而且是属于当前这个类的一个实例）
letobj={};
//也会把类当做普通函数执行
//执行的时候要保证函数中的this指向创建的实例
letresult=Func.call(obj,...args);
//若客户自己返回引用值，则以自己返回的为主，否则返回创建的实例
if((result!==null&&typeofresult==="object")||(typeofresult==="function")){
returnresult;
}
returnobj;
}
我们试一下：
letf3=_new(Func);
console.log(f3);//=>{num:200}
我们继续测试：
Func.prototype.log=function(){
console.log('ok');
}
letf4=_new(Func);
f4.log();//=>UncaughtTypeError:f4.logisnotafunction
也就是说，Func原型上的方法其实例没法调用，我们还需要修改：
/*
*内置NEW的实现原理
*@params
*Func：操作的那个类
*ARGS：NEW类的时候传递的实参集合
*@return
*实例或者自己返回的对象
*/
function_new(Func,...args){
//默认创建一个实例对象（而且是属于当前这个类的一个实例）
//letobj={};
letobj=Object.create(Func.prototype);
//也会把类当做普通函数执行
//执行的时候要保证函数中的this指向创建的实例
letresult=Func.call(obj,...args);
//若客户自己返回引用值，则以自己返回的为主，否则返回创建的实例
if((result!==null&&typeofresult==="object")||(typeofresult==="function")){
returnresult;
}
returnobj;
}
这样应该就可以了。
letf6=_new(Func); f6.log();//=>ok
总结
以上所述是小编给大家介绍的JS中NEW的实现原理及重写，希望对大家有所帮助，也非常感谢大家对毛票票网站的支持！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。