JavaScript中call和apply的区别

call()方法和apply()方法的作用相同,他们的区别在于接收参数的方式不同。对于call(),第一个参数是this值没有变化,变化的是其余参数都直接传递给函数。(在使用call()方法时,传递给函数的参数必须逐个列举出来。使用apply()时,传递给函数的是参数数组)如下代码做出解释:

//------------apply
var obj = {
    a: 2
}

function f(s) {
    console.log(this.a, s); //2 3
    return this.a + s; //5
}
var f2 = function() {
    console.log(arguments); //[Arguments] { '0': 3 }
    return f.apply(obj, arguments); //obj为传入后的this
}
var b = f2(3);
console.log(b);
//-----------call
var obj = {
    a: 2
}

function f(s) {
    console.log(this.a, s); //2 [Arguments] { '0': 3 }  s为对象
    return this.a + s; //2[object Arguments]
}
var f2 = function() {
    console.log(arguments); //[Arguments] { '0': 3 }
    return f.call(obj, arguments); //obj为传入后的this
}
var b = f2(3);
console.log(b);

posted @ 2020-03-04 15:53  aeipyuan  阅读(175)  评论(0编辑  收藏  举报