关于call和apply的使用

大家熟知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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值