国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

老生常談javascript之call,apply的區別

rollback / 3120人閱讀

摘要:剛開始看到的函數和時,非常的模糊,不知所云,然后看書,網上查詢多少知道點了眉目,下面是我做的筆記,希望和大家分享,有不對之處希望各位多多指正,共同進步。。。

剛開始看到javascript的函數apply和call時,非常的模糊,不知所云,然后看書,網上查詢多少知道點了眉目,下面是我做的筆記,希望和大家分享,有不對之處希望各位多多指正,共同進步。。。
本文將從三個方面介紹apply,call的用法

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

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

什么情況下用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...,也添加了自己的理解,不對之處還望各位多多指正

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78306.html

相關文章

  • 老生常談javascriptcall,apply區別

    摘要:開始看到的函數和時,非常的模糊,不知所云,然后看書,網上查詢多少知道點了眉目,下面是我做的筆記,希望和大家分享,有不對之處希望各位多多指正,共同進步。。。 開始看到javascript的函數apply和call時,非常的模糊,不知所云,然后看書,網上查詢多少知道點了眉目,下面是我做的筆記,希望和大家分享,有不對之處希望各位多多指正,共同進步。。。本文將從三個方面介紹apply,call...

    高勝山 評論0 收藏0
  • JavaScript深入系列15篇正式完結!

    摘要:寫在前面深入系列共計篇已經正式完結,這是一個旨在幫助大家,其實也是幫助自己捋順底層知識的系列。深入系列自月日發布第一篇文章,到月日發布最后一篇,感謝各位朋友的收藏點贊,鼓勵指正。 寫在前面 JavaScript 深入系列共計 15 篇已經正式完結,這是一個旨在幫助大家,其實也是幫助自己捋順 JavaScript 底層知識的系列。重點講解了如原型、作用域、執行上下文、變量對象、this、...

    fxp 評論0 收藏0
  • Javascript重溫OOP類與對象

    摘要:對構造函數使用運算符,就能生成實例,并且變量會綁定在實例對象上。這個對象的所有屬性和方法,都會被構造函數的實例繼承。 對象 對象的含義 所謂對象,就是一種無序的數據集合,由若干個鍵值對(key-value)構成。 對象的創建 使用new運算符創建Object var p = new Object(); p.name = Tony; 使用對象字面量的形式 //對象字面量形...

    RancherLabs 評論0 收藏0
  • 前端基礎知識總結

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

    MageekChiu 評論0 收藏0
  • 不再彷徨:完全弄懂JavaScriptthis(譯文總結)

    摘要:至于,其只是以數組的方傳入參數,其它部分是一樣的,如下它們也可用于在中的類繼承中,調用父級構造器。間接調用,調用了父級構造器對比方法和,它倆都立即執行了函數,而函數返回了一個新方法,綁定了預先指定好的,并可以延后調用。 其實this是一個老生常談的問題了。關于this的文章非常多,其實我本以為自己早弄明白了它,不過昨天在做項目的過程中,還是出現了一絲疑惑,想到大概之前在JavaScri...

    YanceyOfficial 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<