JS apply用法总结和使用场景实例分析
本文实例讲述了JSapply用法总结和使用场景。分享给大家供大家参考，具体如下：
apply是绑定this到指定函数或类，也可以说把函数或者类的方法和属性给到当前作用域。
1，使用apply实现继承
functionA(name,age){
this.name=name;
this.age=age;
}
functionB(name,age,time){
A.apply(this,[name])//这里的name必须加上[]
}
constb=newB('继承');
console.log(b)
2，使用apply实现多重继承
functionClass10(){
this.showSub=function(a,b){
alert(a-b);
}
}
functionClass11(){
this.showAdd=function(a,b){
alert(a+b);
}
}
functionClass12(){
Class10.apply(this);
Class11.apply(this);
//Class10.call(this);
//Class11.call(this);
}
varc2=newClass12();
c2.showSub(3,1);//2
c2.showAdd(3,1);//4
3，apply使用时传参规则
fn.apply(this,array)
在执行过程中，array参数会被转化成一个一个参数传递给函数fn
fn.apply(this,[params1,params2,...]) //相当于 fn(params1,params2,...)//这里的this指向执行fn函数的作用域
4，apply绑定this和绑定null
functionC(name,age){
console.log(this.name)
}
varname='windowname'
varmyObject={name:"myA",age:"myB"};
C.apply(myObject)//myA
C.apply(null)//windowname
functionD(){
this.name='我是D空间'
C.apply(this)
}
D();//我是D空间
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。