陈词滥调javascript之call，apply的区分

2024年4月26日 130次阅读 来源: D一生

刚开始看到javascript的函数apply和call时，异常的隐约，不知所云，然后看书，网上查询若干晓得点了头绪，下面是我做的笔记，愿望和人人分享，有不对的地方愿望列位多多斧正，共同进步。。。
本文将从三个方面引见apply，call的用法

1. apply,call的定义和区分
2. 什么情况下运用apply,什么情况下运用call
3. 巧用apply

  1. apply,call的定义和区分
    apply:要领能挟制别的一个对象的要领，继续别的一个对象的属性.
    Function.apply(obj,args)要领能吸收两个参数
    obj：这个对象将替代Function类里this对象(就是定义函数代码块内里的this)
    args：这个是数组，它将作为参数传给Function（args–>arguments）,这个可所以数组也可所以 arguments

    call和apply的意义一样，唯一差别的是接收的参数差别，
    Function.call(obj,[param1[,param2[,…[,paramN]]]])
    obj：这个对象将替代Function类里this对象
    params：这个是一个参数列表

    aplly示例
    //定义一个Animal的类
    function Animal(name,age){

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

    }
    //定义一个cat类
    function Cat(name,age,kind){

       Animal.apply(this,arguments);//挪用Animal的要领，并将内里的this，转换成Cat实例
   this.kind = kind;

    }
    var cat = new Cat(‘yingwu’,4,’cat’);

剖析: Animal.apply(this,arguments);
this:在建立对象在这个时刻代表的是cat实例
arguments:是一个数组,也就是[“zhangsan”,”21”,”一年级”];
也就是浅显一点讲就是:用cat去实行Animal这个类内里的内容,在Animal这个类内里存在this.name等之类的语句,如许就将属性建立到了catt对象内里

call示例，将上面代码变成call就是
Animal.call(this,name,age)//其他的坚持稳定，这就是差uncanbutong

  1. 什么情况下用apply,什么情况下用call

在给对象参数的情况下,假如参数的情势是数组的时刻,比方apply示例内里传递了参数arguments,这个参数是数组范例,而且在挪用Animal的时刻参数的列表是对应一致的(也就是Animal和Cat的参数列表前两位是一致的) 就能够采纳 apply , 假如我的Animal的参数列表是如许的(age,name),而Cat的参数列表是(name,age,kind),如许就能够用call来完成了,也就是直接指定参数列表对应值的位置(Person.call(this,age,name,kind));

  • apply的一些其他奇妙用法
    经由过程以上示例能够看出apply能够讲一个数组默默的剖析成一个一个的参数，能够将一个数组默许的转换为一个参数列表([param1,param2,param3] 转换为 param1,param2,param3) ，应用aplly这个特性我们就能够用在一些针对字符串操纵的要领了：比方
    a) Math.max 能够完成获得数组中最大的一项

       

  由于Math.max 参数内里不支撑Math.max([param1,param2]) 也就是数组
  然则它支撑Math.max(param1,param2,param3…),所以能够依据适才apply的谁人特性来处理                                          
   var max=Math.max.apply(null,array),如许随意马虎的能够获得一个数组中最大的一项  (apply会将一个数组装换为一个参数接一个参数的传递给要领)    这块在挪用的时刻第一个参数给了一个null,这个是由于没有对象去挪用这个要领,我只需要用这个要领帮我运算,获得返回的效果就行,.所以直接传递了一个null过去（应用Math要领然则不转变this的指向）

    b) Math.max 能够完成获得数组中最大的一项
    和 max是一个道理 var min=Math.min.apply(null,array);
    c) Array.prototype.push 能够完成两个数组兼并

var arr1=new Array(“1″,”2″,”3”);

var arr2=new Array(“4″,”5″,”6”);

Array.prototype.push.apply(arr1,arr2);

**

通常在什么情况下,能够运用apply相似Math.min等之类的特别用法:

**
平常在目的函数只需要n个参数列表,而不吸收一个数组的情势（[param1[,param2[,…[,paramN]]]]）,能够经由过程apply的体式格局奇妙地处理这个题目!
末端稍微提一下bind要领是ES5新出的，它主如果绑定函数内部的this，示例

window.color = “red”;
var o = { color: “blue” };
function sayColor(){

alert(this.color);

}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue
//讲this绑定在o对象上，所以sayColor内里的this.color就指向哦，纵然全局挪用ojectSayColor照旧输出blue
支撑bind()要领的浏览器有 IE9+、Firefox 4+、Safari 5.1+、Opera 12+、 Chrome

总结，这个一定要多敲代码，明白，现在我的明白是aplly,call都是挪用他人的要领而且讲要领内里的this转变，二者传参数差别，正由于传参数差别，所以能够用aplly用在一些目的函数只需要接收n个参数列表，而不接收数组的函数内里，文章中部分内容参考自http://www.cnblogs.com/xiaoho…，也添加了本身的明白，不对的地方还望列位多多斧正

    原文作者：D一生
    原文地址: https://segmentfault.com/a/1190000004159030
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞