本文主要介绍JS apply的使用概要和使用场景,并结合实例分析JS apply的基本功能、原理、使用方法和注意事项。有需要的朋友可以参考一下。
本文结合实例介绍了JS apply的使用总结和使用场景。分享给你,供你参考,如下:
Apply是将此绑定到指定的函数或类,或者将函数或类的方法和属性赋予当前作用域。
1,使用apply实现继承
职能A(姓名、年龄){
this.name=name
this.age=年龄;
}
功能B(姓名、年龄、时间){
A.apply(this,[name]) //这里的名称必须加上[]
}
Const b=new B(继承);
console.log(b)
2,使用apply实现多重继承
函数类10(){
this.showSub=function(a,b){
警报(a-b);
}
}
函数Class11(){
this.showAdd=function(a,b){
警报(a b);
}
}
函数Class12(){
Class10.apply(本);
Class11.apply(本);
//class 10 . call(this);
//class 11 . call(this);
}
var C2=new class 12();
c2.showSub(3,1);//2
c2.showAdd(3,1);//4
3,apply使用时传参规则
fn.apply(this,array)
在执行过程中,数组参数将被转换成参数并传递给函数fn。
fn.apply(this,[params1,params2,])
//相当于
Fn(参数1,参数2,)//这里指的是fn函数的作用域。
4,apply绑定this和绑定null
功能C(姓名、年龄){
console.log(this.name)
}
var name=windowname
var myObject={name:myA ,age: myB };
C.apply(myObject) //myA
C.apply(null)//windowname
函数D(){
This.name=我是D空间
应用(这)
}
d();//我是D空间
感兴趣的朋友可以使用
在线HTML/CSS/JavaScript代码运行工具
:http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。对更多JavaScript相关内容感兴趣的读者可以查看我们的专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》和《JavaScript数学运算用法总结》。
希望这篇文章对大家的JavaScript编程有所帮助。