函数也是对象,也有自己的方法
一、call()和apply()方法
- 这两个方法都是函数对象的方法,需要通过函数对象来调用
- 当对函数调用call()和apply()方法时,都会调用函数执行。
function fun(){
alter("我是fun函数!");
}
fun.apply();
fun.call();
fun(); //这仨都能调用函数执行
那有啥区别呢?
- 在调用call()和apply()可以将一个对象指定为第一个参数
- 此时这个对象会成为函数执行的this
- 这就可以改变函数执行时的上下文对象this,传的参数是谁this就是谁
function fun(){
alter(this);
}
fun(); //作为函数调用,this肯定是window
// fun.call(obj);
fun.apply(obj); //obj是第一个参数了,this就是obj这个对象了
那如果函数代参数怎么办呢?
- call()方法可以将实参在对象之后依次传递
- apply()方法需要将实参封装到一个数组中统一传递
function fun(a,b) {
console.log("a = "+a);
console.log("b = "+b);
}
// fun.call(obj); //此时this指向obj了,但是fun中还有参数a和b,如果此时不传实参,那么会打印a = undefined b = undefined
fun.call(obj,2,3);
fun.apply(obj,[2,3]); //这两种方式是等价的
this的情况再总结:
- 以函数形式调用时,this永远都是window
- 以方法的形式调用时,this是调用方法的对象
- 以构造函数的形式调用时,this是新创建的那个对象
- 使用call和apply调用时,this是指定的那个对象
二、补充知识:arguments
在调用函数时,浏览器每次都会传递进==两个隐含的:
- 函数的上下文对象 this
- 封装实参的对象 arguments
arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度
- 在调用函数时,我们所传递的实参都会在arguments中保存
- arguments.length可以用来获取实参的长度
- 我们即使不定义形参,也可以通过arguments来使用实参,只不过比较麻烦
- arguments[0] 表示第一个实参
- arguments[1] 表示第二个实参
- ……
- 它里边有一个属性叫做callee,这个属性对应一个函数对象,就是当前正在指向的函数的对象
function fun(a,b){
// arguments不是数组
console.log(arguments instanceof Array); //false
console.log(Array.isArray(arguments)); //false
console.log(arguments.length); //下面调用时传递了两个实参"hello",true,所以length是2
console.log(arguments[1]); // 结果是第二个实参 true
console.log(arguments.callee == fun); //true, arguments.calle就是我们当前正在执行的函数fun
}
fun("hello",true);