比較常見的javascript中定義函數(shù)的區(qū)別
比較常見的javascript中定義函數(shù)的區(qū)別主要通過(guò)以下三個(gè)方面給大家講解,需要的朋友參考下吧
1:調(diào)用關(guān)鍵字function來(lái)構(gòu)造
如:
function distance(x1,x2,y1,y2) { var dx=x2-x1; var dy=y2-y1; return Math.sqrt(dx*dx+dy*dy); }
2:使用Function()構(gòu)造函數(shù)
如:
var f=new Function*"x","y","return x*y");
這行代碼創(chuàng)建了一個(gè)新函數(shù),該函數(shù)和你所熟悉的語(yǔ)法定義的函數(shù)基本上時(shí)等價(jià)的:
function f(x,y) { return x*y; }
Functino()構(gòu)造函數(shù)可以接受任意多個(gè)字符串參數(shù)。它的最后一個(gè)參數(shù)時(shí)函數(shù)的主體,其中可以包含任何JavaScript語(yǔ)句,語(yǔ)句之間用分號(hào)分隔。其他的參數(shù)都是用來(lái)說(shuō)明函數(shù)要定義的形式參數(shù)名的字符串。如果你定義的函數(shù)沒有參數(shù),那么可以只需給構(gòu)造函數(shù)傳遞一個(gè)字符串(即函數(shù)的主體)即可。
注意,傳遞給構(gòu)造函數(shù)Function()的參數(shù)中沒有一個(gè)用于說(shuō)明它要?jiǎng)?chuàng)建的函數(shù)名。用Function()構(gòu)造函數(shù)創(chuàng)建的未命名函數(shù)有時(shí)被成為“匿名函數(shù)”。
你可能非常想知道Function()構(gòu)造函數(shù)的用途是什么。為什么不能只用function語(yǔ)句來(lái)定義所有的函數(shù)呢?原因是Function()構(gòu)造函數(shù)允許我們動(dòng)態(tài)地建立和編譯一個(gè)函數(shù),它不會(huì)將我們限制在function語(yǔ)句預(yù)編譯的函數(shù)體中。這樣做帶來(lái)的負(fù)面影響效應(yīng)就是每次調(diào)用一個(gè)函數(shù)時(shí),F(xiàn)unction()構(gòu)造函數(shù)都要對(duì)它進(jìn)行編譯。因此,在循環(huán)體中或者在經(jīng)常使用的函數(shù)中,我們不應(yīng)該頻繁地調(diào)用這個(gè)構(gòu)造函數(shù)。
使用Function()構(gòu)造函數(shù)的另一個(gè)原因是它能夠?qū)⒑瘮?shù)定義為JavaScript表達(dá)式的一部分,而不是將其定義一個(gè)語(yǔ)句,這種情況下使用它就顯得比較的方面,甚至可以說(shuō)精致。
3:函數(shù)直接量
函數(shù)直接量是一個(gè)表達(dá)式,它可以定義匿名函數(shù)。函數(shù)直接量的語(yǔ)法和function語(yǔ)句非常相似,只不過(guò)它被用作表達(dá)式,而不是用作語(yǔ)句,而且也無(wú)需指定函數(shù)名。下面的三行代碼分別使用function()語(yǔ)句、Funciont()構(gòu)造函數(shù)和函數(shù)直接量定義了三個(gè)基本上相同的函數(shù):
function f(x){return x*x}; var f=new Function("x","return x*x;"); var f=function(x){reurn x*x};
雖然函數(shù)直接量創(chuàng)建的是未命名函數(shù),但是它的語(yǔ)法也規(guī)定它可以指定函數(shù)名,這在編寫調(diào)用自身的遞歸函數(shù)時(shí)非常有用。
例如:
var f=function fact(x){if(x<=1)return 1;else return x*fact(x-1);};
上面的代碼定義了一個(gè)未命名函數(shù),并對(duì)它的引用存儲(chǔ)在變量f中。它并沒有真正的創(chuàng)建一個(gè)名為fact()的函數(shù),只是允許函數(shù)體用這個(gè)名字來(lái)引用自身。但是要注意,JavaScript1.5之前的版本中沒有正確實(shí)現(xiàn)這種命名的函數(shù)直接量。
函數(shù)直接量的用法和用Function()構(gòu)造函數(shù)創(chuàng)建函數(shù)的方法非常相似。由于它們都是由JavaScript的表達(dá)式創(chuàng)建的,而不是由語(yǔ)句創(chuàng)建的,所以使用它們的方式也就更加靈活,尤其適用于那些只使用一次,而且無(wú)需命名的函數(shù)。例如,一個(gè)使用函數(shù)直接量表達(dá)式指定的函數(shù)可以存儲(chǔ)在一個(gè)變量中、傳遞給其他的函數(shù)甚至被直接調(diào)用:
a[0]=function(x){return x*x;};//定義一個(gè)函數(shù)并保存它 a.sort(function(a,b){return a-b;});//定義一個(gè)函數(shù);把它傳遞給另一個(gè)函數(shù) var tensquared=(function(x){return x*x;})(10);
和Function()構(gòu)造函數(shù)一樣,函數(shù)直接量創(chuàng)建的是未命名函數(shù),而且不會(huì)自動(dòng)地將這個(gè)函數(shù)存儲(chǔ)在屬性中。但是,比起Function()構(gòu)造函數(shù)來(lái)說(shuō),函數(shù)直接量有一個(gè)重要的優(yōu)點(diǎn)。由Function()構(gòu)造函數(shù)創(chuàng)建的函數(shù)的主體必須用一個(gè)字符串說(shuō)明,用這種方式來(lái)表達(dá)一個(gè)長(zhǎng)而復(fù)雜的函數(shù)是狠笨拙的。但是函數(shù)直接量的主體使用的卻是標(biāo)準(zhǔn)的JavaScript語(yǔ)法。而且函數(shù)直接量只被解析一次,而作為字符串傳遞給Function()構(gòu)造函數(shù)的JavaScript代碼則在每次調(diào)用構(gòu)造函數(shù)時(shí)只需被解析一次和編譯一次。
在JavaScript1.1中,可以使用構(gòu)造函數(shù)Function()來(lái)定義函數(shù),在JavaScript1.2和其后的版本中,還可以使用函數(shù)直接量來(lái)構(gòu)造函數(shù)。你應(yīng)該注意這兩種方法之間的重要差別。
首先,構(gòu)造函數(shù)Function()允許在運(yùn)行時(shí)動(dòng)態(tài)地創(chuàng)建和編譯JavaScript代碼。但是函數(shù)直接量卻是函數(shù)結(jié)構(gòu)的一個(gè)靜態(tài)部分,就像function語(yǔ)句一樣。
其次,作為第一個(gè)差別的必然結(jié)果,每次調(diào)用構(gòu)造函數(shù)Function()時(shí)都會(huì)解析函數(shù)體并且創(chuàng)建一個(gè)新東漢數(shù)對(duì)象。如果對(duì)構(gòu)造函數(shù)的調(diào)用出現(xiàn)在一個(gè)循環(huán)中,或者出現(xiàn)在一個(gè)經(jīng)常被調(diào)用的函數(shù)中,這種方法的效率非常低。另一個(gè)方面,函數(shù)直接量或出現(xiàn)在循環(huán)和函數(shù)中的嵌套函數(shù)不是在每次調(diào)用時(shí)都被重新編譯,而且每當(dāng)遇到一個(gè)函數(shù)直接量時(shí)也不創(chuàng)建一個(gè)新的函數(shù)對(duì)象。
Function()構(gòu)造函數(shù)和函數(shù)之間量之間的第三點(diǎn)差別是,使用構(gòu)造函數(shù)Function()創(chuàng)建的函數(shù)不使用詞法作用域,相反的,它們總是被當(dāng)作頂級(jí)函數(shù)來(lái)編譯,就像下面代碼所說(shuō)明的那樣:
var y="global"; function constructFunction() { var y="local"; return new Function("return y");//不捕捉局部作用域。 } //這行代碼將顯示"global",因?yàn)镕unction()構(gòu)造函數(shù)返回的函數(shù)并不使用局部作用域。 //假如使用一個(gè)函數(shù)直接量,這行代碼則可能顯示"local"。 alert(constructFunction());
- js function定義函數(shù)使用心得
- js function定義函數(shù)的幾種不錯(cuò)方法
- JavaScript中定義函數(shù)的三種方法
- javascript 用函數(shù)語(yǔ)句和表達(dá)式定義函數(shù)的區(qū)別詳解
- JavaScript定義函數(shù)的三種實(shí)現(xiàn)方法
- 淺談javascript:兩種注釋,聲明變量,定義函數(shù)
- 常用原生js自定義函數(shù)總結(jié)
- JavaScript 中定義函數(shù)用 var foo = function () {} 和 function foo()區(qū)別介紹
- javascript十個(gè)最常用的自定義函數(shù)(中文版)
- JS定義函數(shù)的幾種常用方法小結(jié)
相關(guān)文章
CocosCreator經(jīng)典入門項(xiàng)目之flappybird
這篇文章主要介紹了CocosCreator經(jīng)典入門項(xiàng)目之flappybird,詳細(xì)說(shuō)明了制作的每個(gè)步驟,還有詳盡的代碼,對(duì)CocosCreator感興趣的同學(xué),一定要看一下2021-04-04基于JavaScript實(shí)現(xiàn)簡(jiǎn)單掃雷游戲
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)簡(jiǎn)單掃雷游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-01-01JS樹形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素的示例代碼
這篇文章主要介紹了JS樹形結(jié)構(gòu)根據(jù)id獲取父級(jí)節(jié)點(diǎn)元素,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05js 利用image對(duì)象實(shí)現(xiàn)圖片的預(yù)加載提高訪問速度
我們來(lái)學(xué)習(xí)一種名為圖像預(yù)裝載(image preloading)的小技巧來(lái)提高圖像訪問速度,一些瀏覽器試圖通過(guò)在本地緩存中保存這些圖片來(lái)解決此問題,感興趣的朋友可以了解下2013-03-03JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別
js中一般使用tofixed與round處理數(shù)據(jù)四舍五入,那么tofixed與round有什么區(qū)別呢?下面小編給大家分享JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別,需要的朋友參考下吧2017-10-10js 用于檢測(cè)類數(shù)組對(duì)象的函數(shù)方法
下面小編就為大家?guī)?lái)一篇js 用于檢測(cè)類數(shù)組對(duì)象的函數(shù)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05ajaxControlToolkit AutoCompleteExtender的用法
昨天在搜索中使用了這個(gè)控件,不過(guò)不知道為什么在IE中反應(yīng)比較慢2008-10-10