call和apply

2018-06-24 00:15:40来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

这两个在讲this的时候就遇到了,它们可以改变函数的上下文this,改变其指向

两者之间唯一的区别就是传参的不同

obj.call(thisObject,arg1,arg2....);

obj.apply(thisObject,[arg1,arg2....]);

如果参数已经确定,就可以直接用call就行了,如果参数是动态的,那么用apply比较合适

例子

 1 function cat(){};
 2 cat.prototype={
 3     food:"fish",
 4     say:function(){
 5         alert("I love"+this.food);
 6    }
 7 }
 8 var newCat = new cat();
 9 newCat.say();    // I love fish
10 
11 var dog = {food:"bone"};
12 newCat.say.call(dog);    //I love bone

这边把newCat中this指向了dog。

 

换个角度想一下,这算不算实现了继承呢

 

1 var parent=function(){
2    this.name="jsc";
3    this.age = 25;
4 }
5 var child={};
6 console.log(child);    //{}对象
7 
8 parent.call(child);
9 console.log(child);    //{name:"jsc",age:25}

 

 

判断变量类型时可以使用

我们在使用typeof判断变量类型的时候,如果是array,Date等,都返回object,所以就没法判断具体是哪一种了

这时候可以使用call

 

例如

1 var array = [];
2 
3 console.log(typeof array);   //  object
4 
5 Object.prototype.toString.call(array); //[object,array]

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端如何获取http状态码400的返回值

下一篇:初始原型链(一)