javascript是面向对象的语言,Function也是一种对象,有自己的属性和方法。call和apply就是js函数自带方法,挂在Fucntion.prototype上。
一般调用某函数时,直接“函数名(参数)”的写法即可,函数内部的this指向函数的调用者。
function add(a,b){console.log(this);return a b;
}
add(1,2) // 默认window调用,this指向windowvar math = {add:function(a,b){console.log(this);return a b;}
}
math.add(1,2) // this指向math
call和apply的作用是给函数重新指定调用者,指定this的指向:
var name = "WINDOW";
var someone = {name: "yource"
};/** 一般写法 **/
function greet1(person) {var reply = "Hello, " person.name;console.log(reply)
}greet1(someone); // Hello, yource/** 使用call/apply **/
function greet2() {var reply = "Hello, " this.name;console.log(reply)
}greet2(); // Hello, WINDOW
greet2.call(someone); // Hello, yource
greet2.apply(someone); // Hello, yource
call和apply的不同之处仅在于提供参数的方式:call使用一组参数列表,apply使用参数数组。
/*apply()方法*/
function.apply(thisObj[, argArray])/*call()方法*/
function.call(thisObj[, arg1[, arg2[, [,...argN]]]]);
apply最多只能有两个参数:调用者thisObj和一个数组argArray。call可以接受多个参数,第一个参数与apply一样,后面则是一串参数列表。
更多专业前端知识,请上 【猿2048】www.mk2048.com