对于call和apply的解释,网上有很多,但是为了更好地理解。所以这里自己总结积累下~
JavaScript中的每一个function对象都会有call和apply方法
/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
定义:
apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。
call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法
从定义中可以看出,call和apply都是调用一个对象的一个方法,用另一个对象替换当前对象。而不同之处在于传递的参数,apply最多只能有两个参数——新this对象和一个数组argArray,如果arg不是数组则会报错TypeError;
call则可以传递多个参数,第一个参数和apply一样,是用来替换的对象,后边是参数列表。
基本用法:
function Dog(){ this.name = "dog"; this.showName=function(){ console.log("这是一条"+this.name+"!") } } function Cat(){ this.name="cat"; // Dog.apply(this) this.showName=function(){ console.log(this.name+" eat fish"); } Dog.apply(this) }; var cat = new Cat() // Dog.call(cat) /*call的用法*/ cat.showName() /*这是一条dog*/ console.log(cat.name) /*dog*/
但是如果你apply写的位置不同,结果也将有所变化。如上述代码
如果我将后边的apply注释掉,将上一个apply打开,那么执行showName()得到的结果将是:dog eat fish
以后将会整理更多JS相关知识,希望自己多一些沉淀~