JS this,call和apply以及回调函数

时间:2021-05-26 18:35:12

this

 

this引用,引用的是一个对象,对象不同或函数调用方式的不同,this引用会根据代码的上下文语境自动改变引用对象的特性。

引用规则

1,在最外层代码中,this引用引用的是全局对象(windows)

2,在函数内,this引用根据函数调用方式不同而不同

1)在构造函数中,this引用的对象是构造函数生成的对象

2)方法调用,this引用的是接受方对象

3)appl和call调用,引用的对象由两个函数的参数指定

4)其他方式调用,引用的是全局对象

 

call和apply是Function对象的方法

方法的定义

call方法: 
语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 
定义:调用一个对象的一个方法,以另一个对象替换当前对象。 
说明: 
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 

apply方法: 
语法:apply([thisObj[,argArray]]) 
定义:应用某一对象的一个方法,用另一个对象替换当前对象。 
说明: 
如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。 
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

 

简单来说就是有如下不同

func.call(func1,var1,var2,var3)对应的apply写法为:func.apply(func1,[var1,var2,var3])


回调函数(callback)

 

 function  a(callback){
alert('a');
callback();//或者是 callback(), callback.apply(this)

}
function b(){
alert('b');
}
//调用
a(b);

但是多数时候回调函数是有参数的所以应该向下面这样来定义
function  a(callback){
alert('a');
callback.call(this,'d');//或者是 callback(), callback.apply(this)
}
//调用

c(function(e){ alert(e); });