call()和apply()的认知

  •  apply:方法能劫持另外一个对象的方法,继承另外一个对象的属性.

   Function.apply(obj,args)方法能接收两个参数  

  obj:这个对象将代替Function类里this对象  

  args:这个是数组,它将作为参数传给Function(args-->arguments)

  Function.call(obj,[param1[,param2[,…[,paramN]]]])  

  obj:这个对象将代替Function类里this对象  

  params:这个是一个参数列表

  

1.apply示例:  

<script type="text/javascript">   

/*定义一个人类*/   

function Person(name,age) {   

this.name=name; this.age=age;   

}   

/*定义一个学生类*/   

functionStudent(name,age,grade) {   

    Person.apply(this,arguments); this.grade=grade;   

}   

//创建一个学生类   

var student=new Student("qian",21,"一年级");   

//测试   

alert("name:"+student.name+" "+"age:"+student.age+" "+"grade:"+student.grade);   

//大家可以看到测试结果name:qian age:21 grade:一年级   

//学生类里面我没有给name和age属性赋值啊,为什么又存在这两个属性的值呢,这个就是apply的神奇之处.   

</script>   

分析: Person.apply(this,arguments);  

this:在创建对象在这个时候代表的是student  

arguments:是一个数组,也就是[“qian”,”21”,”一年级”];  

也就是通俗一点讲就是:用student去执行Person这个类里面的内容,在Person这个类里面存在this.name等之类的语句,这样就将属性创建到了student对象里面  

2.call示例  

在Studen函数里面可以将apply中修改成如下:  

Person.call(this,name,age);  

这样就ok了

原文地址:https://www.cnblogs.com/luckyXcc/p/5771094.html