JS继承和apply高性能案例.docVIP

本文档包含： JS继承 Apply的高性能案例 一，js中对象继承 ? 1.js原型（prototype）实现继承? 代码如下: function person(name,age){ this.name=name; this.age=age; } person.prototype.say=function(){ document.writeln(使用父亲原型得到名字：+this.name); } var p1=new person(张三,10); p1.say(); //创建child对象 function child(){} child.prototype=new person(继承自person,20); child.prototype.grade=5; //实例化这个对象，否则无效 var child=new child(); child.say();//输出：使用父亲原型得到名字：继承自person ? 2.构造函数实现继承 代码如下: function person(name){ this.name=name; this.sayp=function(){ document.writeln(使用父亲原型得到名字：+this.name); } } var p=new person(baba); p.sayp(); function child(name,age){ this.method=person; this.method(name); this.age=age; this.sayc=function(){ document.writeln(使用child构造函数名字：+this.name); } } var child=new child(孩子,8); child.sayc();//输出：使用父亲原型得到名字：继承自person ? 3.call , apply实现继承 代码如下: SPAN style=FONT-SIZE: 18pxhtml ? body ? script type=text/javascript ? ? ? function ?Person(name,age,love){ ? ? ? ? ? this.name=name; ? ? ? ? ? this.age=age; ? ? ? ? ? this.love=love; ? ? ? ? ? this.say=function say(){ ? ? ? ? ? ? ? alert(姓名：+name); ? ? ? ? ? } ? ? ? } ? ? ? ? //call方式 ? ? ? function student(name,age){ ? ? ? ? ? Person.call(this,name,age); ? ? ? } ? ? ? ? //apply方式 ? ? ? function teacher(name,love){ ? ? ? ? ? Person.apply(this,[name,love]); ? ? ? ? ? //Person.apply(this,arguments); //跟上句一样的效果，arguments ? ? ? } ? ? ? ? //call与aplly的异同： ? ? ? //1,第一个参数this都一样,指当前对象 ? ? ? //2,第二个参数不一样：call的是一个个的参数列表；apply的是一个数组（arguments也可以） ? ? ? ? var per=new Person(武凤楼,25,魏荧屏); //输出：“武凤楼” ? ? ? per.say(); ? ? ? var stu=new student(曹玉,18);//输出：“曹玉” ? ? ? stu.say(); ? ? ? var tea=new teacher(秦杰,16);//输出：“秦杰” ? ? ? tea.say(); ? ? /script ? /body ? /html/SPAN ? ? 二、call和apply的用法（详细介绍） ?call和apply js中call和apply都可以实现继承，唯一的一点参数不同，func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])。 ? JS手册中对call的解释： ? ?代码如下: SPAN style=FONT-SIZE: 18pxcall 方法 ? 调用一个对象的一个方法，以另一个对象替换当前对象。 ? ? ? ? call([thisObj[,arg1[, arg2[, ? [,.argN]]]]]) ? ? 参数