Javascript教程(十)——函数的方法call()和apply() // 补充arguments知识

函数也是对象,也有自己的方法

一、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的情况再总结:

  1. 以函数形式调用时,this永远都是window
  2. 以方法的形式调用时,this是调用方法的对象
  3. 以构造函数的形式调用时,this是新创建的那个对象
  4. 使用call和apply调用时,this是指定的那个对象

二、补充知识:arguments

在调用函数时,浏览器每次都会传递进==两个隐含的:

  1. 函数的上下文对象 this
  2. 封装实参的对象 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);   

猜你喜欢

转载自blog.csdn.net/qq_32755875/article/details/110957682