定义:
ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。
作用
func.call(obj, arg1,arg2…),将func内部的this指向改变为指向obj
call与apply的区别
功能相同,区别在于传入参数的方式不同,call方法是将参数一个个的传入,而apply方法是接收一个参数数组
例子
用法1:改变this指向
var a = 1;
var obj = {
a:2,
}
function func(){
console.log(this.a)
}
func()//输出1
func.call(obj)//输出2,因为call方法改变了func的作用域,将其this指向了obj
用法2:实现js继承
//父类
function Parent(){
this.sayName = function(){
return this.name;
}
}
//子类
function Child(name){
Parent.call(this);
this.name = name;
}
var chi = new Child('alex')
chi.sayName()//alex
用法3:巧妙的用法
- Math.max(arg1,agr2…)可以接收多个参数,并返回最大的那个,但是该函数不支持接收数组,但由于apply接收的参数是以数组的方式传入,所以我们可以这样用
var arr = [2,3,1,4]
var maxNum = Math.max.apply(null,arr)//maxNum = 4
Math.max(arr)//这样不能求出最大值
- Array.prototype.push可以实现两个数组的合并,同样push方法没有提供push一个数组,但是它提供了push(param1,param2…paramN),同样也可以用apply来转换一下这个数组,即:
var arr1 = [1,2,3,4]
var arr2 = [5,6,7,8]
var arr = Array.prototype.push.apply(arr1,arr2) //arr=[1,2,3,4,5,6,7,8]