关于call和apply的使用

来源：互联网发布：牧云合戈知乎编辑：程序博客网时间：2024/06/09 16:42

大家熟知call的apply的用途可以用来传递参数，指定this的指向，但是call和apply的区别以及用途我再罗列下：

大家一定记得函数function也属于对象，可以使用instanceof 或者constructor属性进行验证。那么对象就有方法和属性。其中call和apply就是函数本身具有的两个方法。

首先，这两个函数的用途都是在特定的作用域中调用函数，同时设置被调用函数内部的this指向。调用可见就使得某个函数被执行

其次，apply和call可接收的参数：apply,可接收两个参数，一个是对象（其中this的指向也是一个对象哦，很多人会使用this），也即是指定其中运行函数的作用域。另一个参数是数组，其中该参数可以是Array的实例，也可以是arguments对象，例如：

function sum(num1,num2)

{

return num1+num2;

}

function callSum1(num1,num2)

{

return sum.apply(this,arguments);

}

function callSum2(num1,num2)

{

return sum.apply(this,[num1,num2]);

}

alert(callSum1(2,3)); //5

alert(callSum2(2,3));//5

call与apply的区别仅仅是接收参数的方式不同。call接收的参数长度并不固定，第一个参数永远是传递的对象值，其他的参数都直接传递给使用call的函数，参数必须逐个列出。
引用上面的例子，使用call方法
function callSum3(num1,num2)
{
return sum.call(this,num1,num2);
}
alert(callSum3(2,3)); //5
综上所述在，在使用apply和call方法时，自己结合场景进行选择使用。同时，两个方法中第一参数的用处，在面向对象的属性继承中用的最明显。大家可自己尝试进行试验
如下是我的代码：
function Person(name,age){   this.name=name;     this.age=age;}Person.prototype={   showAge:function()   {      return this.age;   },   showName:function()   {      return this.name;   }}function Student(name,age,id){   Person.call(this,name,age);   this.id=id;}Student.prototype=new Person();var person1=new Person('xiaohong',15);var student1=new Student('xiaoming',12,1001);
alert(student1.name) //xiaoming

0 0