成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

老生常談javascript之call，apply的區(qū)別

rollback / 3128人閱讀

摘要：剛開始看到的函數(shù)和時(shí)，非常的模糊，不知所云，然后看書，網(wǎng)上查詢多少知道點(diǎn)了眉目，下面是我做的筆記，希望和大家分享，有不對(duì)之處希望各位多多指正，共同進(jìn)步。。。

剛開始看到j(luò)avascript的函數(shù)apply和call時(shí)，非常的模糊，不知所云，然后看書，網(wǎng)上查詢多少知道點(diǎn)了眉目，下面是我做的筆記，希望和大家分享，有不對(duì)之處希望各位多多指正，共同進(jìn)步。。。
本文將從三個(gè)方面介紹apply，call的用法

1. apply,call的定義和區(qū)別
2. 什么情況下使用apply,什么情況下使用call
3. 巧用apply

apply,call的定義和區(qū)別
apply:方法能劫持另外一個(gè)對(duì)象的方法，繼承另外一個(gè)對(duì)象的屬性.
Function.apply(obj,args)方法能接收兩個(gè)參數(shù)
obj：這個(gè)對(duì)象將代替Function類里this對(duì)象(就是定義函數(shù)代碼塊里面的this)
args：這個(gè)是數(shù)組，它將作為參數(shù)傳給Function（args-->arguments）,這個(gè)可以是數(shù)組也可以是 arguments

call和apply的意思一樣，唯一不同的是接受的參數(shù)不同，
Function.call(obj,[param1[,param2[,…[,paramN]]]])
obj：這個(gè)對(duì)象將代替Function類里this對(duì)象
params：這個(gè)是一個(gè)參數(shù)列表

aplly示例
//定義一個(gè)Animal的類
function Animal(name,age){

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

}
//定義一個(gè)cat類
function Cat(name,age,kind){

   Animal.apply(this,arguments);//調(diào)用Animal的方法，并將里面的this，轉(zhuǎn)換成Cat實(shí)例
   this.kind = kind;

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

分析: Animal.apply(this,arguments);
this:在創(chuàng)建對(duì)象在這個(gè)時(shí)候代表的是cat實(shí)例
arguments:是一個(gè)數(shù)組,也就是[“zhangsan”,”21”,”一年級(jí)”];
也就是通俗一點(diǎn)講就是:用cat去執(zhí)行Animal這個(gè)類里面的內(nèi)容,在Animal這個(gè)類里面存在this.name等之類的語(yǔ)句,這樣就將屬性創(chuàng)建到了catt對(duì)象里面

call示例，將上面代碼變成call就是
Animal.call(this,name,age)//其他的保持不變，這就是差uncanbutong

什么情況下用apply,什么情況下用call

在給對(duì)象參數(shù)的情況下,如果參數(shù)的形式是數(shù)組的時(shí)候,比如apply示例里面?zhèn)鬟f了參數(shù)arguments,這個(gè)參數(shù)是數(shù)組類型,并且在調(diào)用Animal的時(shí)候參數(shù)的列表是對(duì)應(yīng)一致的(也就是Animal和Cat的參數(shù)列表前兩位是一致的) 就可以采用 apply , 如果我的Animal的參數(shù)列表是這樣的(age,name),而Cat的參數(shù)列表是(name,age,kind),這樣就可以用call來實(shí)現(xiàn)了,也就是直接指定參數(shù)列表對(duì)應(yīng)值的位置(Person.call(this,age,name,kind));

apply的一些其他巧妙用法
通過以上示例可以看出apply可以講一個(gè)數(shù)組默默的解析成一個(gè)一個(gè)的參數(shù)，可以將一個(gè)數(shù)組默認(rèn)的轉(zhuǎn)換為一個(gè)參數(shù)列表([param1,param2,param3] 轉(zhuǎn)換為 param1,param2,param3) ，利用aplly這個(gè)特點(diǎn)我們就可以用在一些針對(duì)字符串操作的方法了：例如
a) Math.max 可以實(shí)現(xiàn)得到數(shù)組中最大的一項(xiàng)

   

  因?yàn)镸ath.max 參數(shù)里面不支持Math.max([param1,param2]) 也就是數(shù)組
  但是它支持Math.max(param1,param2,param3…),所以可以根據(jù)剛才apply的那個(gè)特點(diǎn)來解決                                          
   var max=Math.max.apply(null,array),這樣輕易的可以得到一個(gè)數(shù)組中最大的一項(xiàng)  (apply會(huì)將一個(gè)數(shù)組裝換為一個(gè)參數(shù)接一個(gè)參數(shù)的傳遞給方法)    這塊在調(diào)用的時(shí)候第一個(gè)參數(shù)給了一個(gè)null,這個(gè)是因?yàn)闆]有對(duì)象去調(diào)用這個(gè)方法,我只需要用這個(gè)方法幫我運(yùn)算,得到返回的結(jié)果就行,.所以直接傳遞了一個(gè)null過去（利用Math方法但是不改變this的指向）

b) Math.max 可以實(shí)現(xiàn)得到數(shù)組中最大的一項(xiàng)
和 max是一個(gè)原理 var min=Math.min.apply(null,array);
c) Array.prototype.push 可以實(shí)現(xiàn)兩個(gè)數(shù)組合并

var arr1=new Array("1","2","3");

var arr2=new Array("4","5","6");

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

**

通常在什么情況下,可以使用apply類似Math.min等之類的特殊用法:

**
一般在目標(biāo)函數(shù)只需要n個(gè)參數(shù)列表,而不接收一個(gè)數(shù)組的形式（[param1[,param2[,…[,paramN]]]]）,可以通過apply的方式巧妙地解決這個(gè)問題!
末尾略微提一下bind方法是ES5新出的，它主要是綁定函數(shù)內(nèi)部的this，示例

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

alert(this.color);

}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue
//講this綁定在o對(duì)象上，所以sayColor里面的this.color就指向哦，即使全局調(diào)用ojectSayColor依舊輸出blue
支持bind()方法的瀏覽器有 IE9+、Firefox 4+、Safari 5.1+、Opera 12+、 Chrome

總結(jié)，這個(gè)一定要多敲代碼，理解，目前我的理解是aplly,call都是調(diào)用別人的方法并且講方法里面的this改變，兩者傳參數(shù)不同，正因?yàn)閭鲄?shù)不同，所以可以用aplly用在一些目標(biāo)函數(shù)只需要接受n個(gè)參數(shù)列表，而不接受數(shù)組的函數(shù)里面，文章中部分內(nèi)容參考自http://www.cnblogs.com/xiaoho...，也添加了自己的理解，不對(duì)之處還望各位多多指正

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/78306.html

相關(guān)文章

  • 老生常談javascript之call，apply的區(qū)別

    摘要：開始看到的函數(shù)和時(shí)，非常的模糊，不知所云，然后看書，網(wǎng)上查詢多少知道點(diǎn)了眉目，下面是我做的筆記，希望和大家分享，有不對(duì)之處希望各位多多指正，共同進(jìn)步。。。 開始看到j(luò)avascript的函數(shù)apply和call時(shí)，非常的模糊，不知所云，然后看書，網(wǎng)上查詢多少知道點(diǎn)了眉目，下面是我做的筆記，希望和大家分享，有不對(duì)之處希望各位多多指正，共同進(jìn)步。。。本文將從三個(gè)方面介紹apply，call...

    高勝山 評(píng)論0 收藏0

  • JavaScript深入系列15篇正式完結(jié)！

    摘要：寫在前面深入系列共計(jì)篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順底層知識(shí)的系列。深入系列自月日發(fā)布第一篇文章，到月日發(fā)布最后一篇，感謝各位朋友的收藏點(diǎn)贊，鼓勵(lì)指正。 寫在前面 JavaScript 深入系列共計(jì) 15 篇已經(jīng)正式完結(jié)，這是一個(gè)旨在幫助大家，其實(shí)也是幫助自己捋順 JavaScript 底層知識(shí)的系列。重點(diǎn)講解了如原型、作用域、執(zhí)行上下文、變量對(duì)象、this、...

    fxp 評(píng)論0 收藏0

  • Javascript重溫OOP之類與對(duì)象

    摘要：對(duì)構(gòu)造函數(shù)使用運(yùn)算符，就能生成實(shí)例，并且變量會(huì)綁定在實(shí)例對(duì)象上。這個(gè)對(duì)象的所有屬性和方法，都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承。 對(duì)象 對(duì)象的含義 所謂對(duì)象，就是一種無序的數(shù)據(jù)集合，由若干個(gè)鍵值對(duì)（key-value）構(gòu)成。 對(duì)象的創(chuàng)建 使用new運(yùn)算符創(chuàng)建Object var p = new Object(); p.name = Tony; 使用對(duì)象字面量的形式 //對(duì)象字面量形...

    RancherLabs 評(píng)論0 收藏0

  • 前端基礎(chǔ)知識(shí)總結(jié)

    摘要：關(guān)于前端中是個(gè)老生常談的問題，總是說不清道不明，看這里。的大致用法，相信接觸過前端的同學(xué)都知道，無非以下種。先想一下，兩次執(zhí)行后結(jié)果是什么。輸出總結(jié)被誰調(diào)用指向誰，沒有被調(diào)用的情況下，瀏覽器默認(rèn)為。由于箭頭函數(shù)中的，總是指向父級(jí)作用域。 關(guān)于this 前端中this是個(gè)老生常談的問題，總是說不清道不明，看這里。this只能用在函數(shù)里面，相信全世界的人都知道。this就是函數(shù)在被執(zhí)行的時(shí)...

    MageekChiu 評(píng)論0 收藏0

  • 不再彷徨：完全弄懂JavaScript中的this（譯文總結(jié)）

    摘要：至于，其只是以數(shù)組的方傳入?yún)?shù)，其它部分是一樣的，如下它們也可用于在中的類繼承中，調(diào)用父級(jí)構(gòu)造器。間接調(diào)用，調(diào)用了父級(jí)構(gòu)造器對(duì)比方法和，它倆都立即執(zhí)行了函數(shù)，而函數(shù)返回了一個(gè)新方法，綁定了預(yù)先指定好的，并可以延后調(diào)用。 其實(shí)this是一個(gè)老生常談的問題了。關(guān)于this的文章非常多，其實(shí)我本以為自己早弄明白了它，不過昨天在做項(xiàng)目的過程中，還是出現(xiàn)了一絲疑惑，想到大概之前在JavaScri...

    YanceyOfficial 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<