资源描述：
《javascript的无new构建实例详解_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、Javascript的无new构建实例详解看jquery源代码第一步的时候，对于jquery对象的创建就看的云里雾里，琢磨半天终于有点感觉了，在此记录下第一种方式：varA=functionO{returnA.prototype,init();}A.prototype二{init:function(){this,age=50;console,log(this);returnthis;},age:100}console,log(A()二二二newA());►Object{age:50}►Object{age:50}true1.分析下结果为什么为trueA()内部调用的是A.prototype,i
2、nit()函数newA()内部会调用构造函数，而它的构造函数就是functionO{returnA.prototype,init();},同样调用的是A.prototype,init()函数2.分析下A.prototype,init()函数返回什么那就要看thisT,判断this指向谁,我们要在函数调用的时候分析，由于它是作为原型对象的属性调用的，所以this就是原型对象A.prototype这种创建方式，无论你调用多少次A0,他们其实都是返冋的同一个对象，所以对b对彖的修改会影响a对彖，见下图vara=A();varb二A();console,log(a.age);console,log(b
3、.age);b.age二22;console,log(a.age);console.log(b.age);50502222那么如何解决这种问题呢，接卜•來就讲卜•第二种方式，它也是jqucry采用的方式第二种方式varA=function(){returnnewA.prototype,init();//①}A.prototype二{init:function(){this,age=50;console,log(this);returnthis;},age:100}A.prototype,init.prototype=A.prototype;//®vara二newA();varb=newA();
4、console.log(ci===b);console,log(a.age);console.log(b.age);b.age二22;console,log(a.age);console.log(b.age);►A.init(age:50}►A.init{age:50}false50505022分析下①和②①中newA.prototype,init()主要做了三件事创建一个空对象varobj={};obj对象属性_proto_指向函数A.prototype,init的prototype;将A.prototype,init函数的this替换成obj对象,在调用A.prototype,init函数
5、，A.prototype,init.call(obj),并返回新对象因为①返回的对象的原型是A.prototype,init.prototype,它和A.prototype并没什么关系，为了使新返回的对象可以继承口A.prototype,所以②让A.prototype・init・prototype扌旨向A.prototype所以方式二即创建了实例，乂保证了各口的作用域独立。以上所述是小编给大家介绍的Javascript的无new构建实例详解，希望对大家以上帮助，如果大家想了解更多资讯，敬请关注脚本之家网站！
