一直不理解call() 是什么意思啊。。 到底怎么用啊。 call()看上去很高深的样子。
8 回复
对象 A 有属性 attr 和方法 do(); 对象 B 有属性 bttr
B想用A的方法do 怎么调用呢? 你怎么写 不能写成 A.do()啊 这是A调用自身的方法 这是就需要call了 A.do.call(B) 把B call过来 执行方法
这个如果说可以牵扯出JavaScript中太多太多的东西了,
上面haoxin
也给出了相关的资料,这里我献丑简单的说下我的理解吧,
在JavaScript中最迷人的就是函数,而函数也是对象,所以函数也就拥有了属性和方法,每一个函数都拥有两个属性,一个是length
和prototype
。这里主要说call()
所以其他的就不多说,
在js中每个函数都有两个方法:call()
,apply()
。这两个方法的作用就是设置函数体内this
指向的值。如下面这个例子:
function sum(n1, n2){
return n1 + n2;
}
function sum1(n1, n2){
return sum.call(this, n1, n2);
}
console.log(sum1(1, 3)); //结果是4
call
传递的参数第一个是运行函数所在的作用域,一般情况我们使用的时候是this
.当然也可以直接指定作用域,比如:
var name = "Jim";
var p2 = {
name: "Tang",
age: 25
};
function say(){
console.log(this.name);
}
say(); //Jim
say.call(p2); //Tang
后面跟多个直接的参数,这个参数也就是当前使用函数的参数个数比如sum()
有几个参数就传递几个参数。这个haoxin
给的链接说明了call。而apply()
只接受两个参数,一个是作用域,一个参数的数组(也可以是arguments对象)。这个你可以参考上面的链接资料。
当然call()
的真正作用还很大。它的作用还可以发挥在继承
上面,这里演示一种继承方式:
function P1(name){
this.name = name;
this.say = function(){
console.log('my name is %s', this.name);
};
}
function P2(name){
P1.call(this, name);
}
var p = new P2("Jim");
p.say(); //这里的结果就是‘my name is Jim’
熟练使用call()
可以帮助我们很多!