JavaScript 函数的方法
函数也是一个对象,所以函数也有自己的方法,主要的方法是 call() 和 apply() 。
语法
函数名.call();
或 函数名.apply();
在省略参数的情况下,函数两个方法的调用与直接调用函数的效果是一样的。如下:
function fun(){
console.log("调用了fun函数");
}
fun();
fun.call();
fun.apply();
参数
- call() 和 apply() 方法可以将
一个对象
指定为第一个参数,此时,这个对象就是函数执行时的 this。
name = "window";
function fun(){
console.log(this.name);
}
var obj = {
name : "lin"
}
fun(); //"window"
fun.call(obj); //"lin"
fun.apply(obj); //"lin"
好处:可以通过传入不同的对象,使用对象相应的属性。
- call() 方法可以将实参在对象之后一次传递。
- apply() 方法可以将实参封装到一个
数组
中统一传递。
name = "window";
function fun(a,b){
console.log(this.name);
console.log("a = " + a);
console.log("b = " + b);
}
var obj = {
name : "lin"
}
fun(1,2);
fun.call(obj,1,2);
fun.apply(obj,[1,2]);
this 的情况
- 以
函数
调用时,this 永远都是window
; - 以
方法
的形式调用时,this 是调用该方法的对象
; - 以
构造函数
的形式调用时,this 是新创建的对象
; - 以
call() 和 apply() 方法
调用时,this 是第一个参数指定的对象
。
函数的 arguments
浏览器在调用函数时,每次都会传递两个隐含的参数:
- 函数的上下文对象:this 。前面已经说过了。
- 封装实参的对象 arguments 。无论函数有没有定义形参,arguments 都能使用实参。
arguments 的使用规则
arguments 是一个类数组对象,它可以通过索引来使用实参,也可以通过 length 属性来获取实参的个数。
类数组对象:数据类型并不是真正的数组,但是可以通过索引来操作元素的对象。
调用函数时,全部的实参都封装到 arguments 传递到函数内部使用。
function fun(a){
console.log(arguments);
console.log(arguments.length); //实参的个数
console.log(arguments[0]); //获取第一个实参
console.log(a); //通过形参获取第一个实参
console.log(arguments[1]); //获取第二个实参
}
fun(123,"lin");
arguments 对象中有一个 callee 属性,该属性对应一个函数对象,就是当前正在调用的函数对象。
function fun(a){
console.log(arguments.callee);
console.log(arguments.callee == fun);
}
fun(123,"lin");
可以通过 arguments.callee();
在函数内部调用该函数,慎用,会造成死循环。