Javascript_call()和apply()

call()和apply()是用来执行上下文运行函数的。所谓的上下文就是函数中出现的this是谁。

//用来测试call()和apply的区别
function fun(){
    this.a=100;
}
var xiaoming={
    a:8,
    b:9
}
var xiaohong={
    a:10,
    b:3
}
fun.call(xiaoming);
//fun.apply(xiaoming);
console.log(xiaoming);
console.log(xiaohong);

在这里插入图片描述

//用来测试call()和apply的区别
function fun(m,n){
    this.a=m+n;
}
var xiaoming={
    a:8,
    b:9
}
var xiaohong={
    a:10,
    b:3
}
//fun.call(xiaoming,2,3); //a=2+3=5  参数逐个传递
fun.apply(xiaoming,[2,3]);  //a=2+3=5  参数数组传递
console.log(xiaoming); 
console.log(xiaohong);

在这里插入图片描述

  • 总结

call() 的时候需要用逗号一个一个罗列要传递的参数,apply()的参数需要传入的数组形式的参数列表。

//用来测试call()和apply的区别
//罗列实参列表
function showList(){
    for(var i=0;i<arguments.length;i++){
        //显示参数
        console.log(arguments[i]);
    }
}
//
//委托函数 这个函数的功能就是原封不动的吧自己的参数传入showList()
function proxy(){
    //不指定上下文,用null
    showList.apply(null,arguments);
}
proxy(1,2,3,"美国");

在这里插入图片描述

//用来测试call()和apply的区别
//求实参和
function sum(){
    for(var i=0, _sum=0; i<arguments.length;i++){
        _sum+=arguments[i];
    }
    //返回实参和。
    return _sum;
}
//计算实参列表所有数字的平均数,要先计算和
function average(){
    //获取参数和
    var _sum=sum.apply(null,arguments);

    return _sum/arguments.length;
}
console.log(average(4,4,5,5,57));//平均数15
//常用的寻找数组中的最大值, 可以借助Math对象的max方法
var arr=[23,4,3,23,42,24,5];
console.log(Math.max.apply(null,arr));//42

在这里插入图片描述

把数组打散,传入Math.max(),就可以求出数组中的最大值。

发布了49 篇原创文章 · 获赞 3 · 访问量 5131

猜你喜欢

转载自blog.csdn.net/weixin_43487066/article/details/89158469
今日推荐