欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于ES6尾調(diào)用優(yōu)化的使用

 更新時(shí)間:2020年09月11日 11:37:18   作者:jafeney  
這篇文章主要介紹了關(guān)于ES6尾調(diào)用優(yōu)化的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

ES6包含了一個(gè)性能領(lǐng)域的特殊要求。這與一個(gè)涉及函數(shù)調(diào)用的特定優(yōu)化形式相關(guān):即尾調(diào)用優(yōu)化(Tail Call Optimization,TCO)。簡單地說,尾調(diào)用就是一個(gè)出現(xiàn)在另一個(gè)函數(shù)“結(jié)尾”處的函數(shù)調(diào)用。這個(gè)調(diào)用結(jié)束之后就沒有其余事情要做了(除了可能要返回結(jié)果值)

什么尾調(diào)用

舉個(gè)例子,下面是一個(gè)非遞歸的尾調(diào)用:

function foo(x) {
 return x
}

// 尾調(diào)用
function bar(y) {
 return foo(y + 1)
}

// 非尾調(diào)用
function baz() {
 return 1 + bar(40)
}

baz()  // 輸出42

說明: foo(y+1) 是 bar(...) 中的尾調(diào)用,因?yàn)樵?foo(...) 完成后, bar(...) 也完成了,并且只需要返回 foo(...) 調(diào)用的結(jié)果。然而, bar(40) 不是尾調(diào)用,因?yàn)樵谒瓿珊?,它的結(jié)果需要加上1才能由 baz() 返回。

在JavaScript里,調(diào)用一個(gè)新的函數(shù)需要額外的一塊預(yù)留內(nèi)容來管理調(diào)用棧,成為棧幀。所以前面的代碼一般會(huì)同時(shí)需要為每個(gè) baz() 、 bar(...) 、 foo(...) 保留一個(gè)棧幀。

然而,如果支持TCO的引擎能夠意識到 foo(y+1) 調(diào)用位于尾部,這意味著 bar(...) 基本上已經(jīng)完成了,那么在調(diào)用 foo(...) 時(shí),它就不需要?jiǎng)?chuàng)建一個(gè)新的幀棧,而是可以重用已有的 bar(...) 的幀棧。這樣不僅速度快,而且節(jié)省內(nèi)存。

什么是尾遞歸

在計(jì)算機(jī)科學(xué)里,尾調(diào)用是指一個(gè)函數(shù)里的最后一個(gè)動(dòng)作是一個(gè)函數(shù)調(diào)用的情形:即這個(gè)調(diào)用的返回值直接被當(dāng)前函數(shù)返回的情形。這種情形下稱該調(diào)用位置為尾位置。若這個(gè)函數(shù)在尾位置調(diào)用本身(或是一個(gè)尾調(diào)用本身的其他函數(shù)等等),則稱這種情況為尾遞歸,是遞歸的一種特殊情形。尾調(diào)用不一定是遞歸調(diào)用,但是尾遞歸特別有用,也比較容易實(shí)現(xiàn)。

TCO的意義

在程序運(yùn)行時(shí),計(jì)算機(jī)會(huì)為應(yīng)用程序分配一定的內(nèi)存空間;應(yīng)用程序則會(huì)自行分配所獲得的內(nèi)存空間,其中一部分被用于記錄程序中正在調(diào)用的各個(gè)函數(shù)的運(yùn)行情況,這就是函數(shù)的調(diào)用棧。常規(guī)的函數(shù)調(diào)用總是會(huì)在調(diào)用棧最上層添加一個(gè)新的堆棧幀(stack frame,也翻譯為“棧幀”或簡稱為“幀”),這個(gè)過程被稱作“入?!被颉皦簵!保ㄒ饧窗研碌膸瑝涸跅m敚?。當(dāng)函數(shù)的調(diào)用層數(shù)非常多時(shí),調(diào)用棧會(huì)消耗不少內(nèi)存,甚至?xí)伪瑑?nèi)存空間(棧溢出),造成程序嚴(yán)重卡頓或意外崩潰。尾調(diào)用的調(diào)用棧則特別易于優(yōu)化,從而可減少內(nèi)存空間的使用,也能提高運(yùn)行速度。其中,對尾遞歸情形的優(yōu)化效果最為明顯,尤其是遞歸算法非常復(fù)雜的情形。

在簡單的代碼片段中,這類優(yōu)化算不了什么,但是在處理遞歸時(shí),這就解決了大問題,特別是如果遞歸可能會(huì)導(dǎo)致成千上百個(gè)棧幀的時(shí)候。有了TCO,引擎可以用同一個(gè)棧幀執(zhí)行所有的這類調(diào)用!

遞歸是 JavaScript 中一個(gè)紛繁復(fù)雜的主題。因?yàn)槿绻麤]有TCO的話,引擎需要實(shí)現(xiàn)一個(gè)隨意的限制來界定遞歸棧的深度,達(dá)到了就得停止,以防止內(nèi)存耗盡。有了TCO,尾調(diào)用的遞歸函數(shù)本質(zhì)上就可以任意運(yùn)行,因?yàn)樵僖膊恍枰褂妙~外的內(nèi)存,也沒有了內(nèi)存溢出的問題。

下面用尾遞歸實(shí)現(xiàn)一個(gè)典型的階乘函數(shù):

// 用循環(huán)實(shí)現(xiàn)
function factorial(n) {
 if (n<2) return 1

 var res = 1
 for (var i = n; i > 1; i--) {
  res *= i
 }
 return res
}

// 用尾遞歸實(shí)現(xiàn)
function factorial(n) {
 function fact(n, res) {
  if (n < 2) return res 
  return fact(n-1, n*res)
 }
 return fact(n, 1)
}

factorial(5)  // 輸出120

注意:TCO只用于有實(shí)際的尾調(diào)用的情況,如果你寫了一個(gè)沒有尾遞調(diào)用的函數(shù),那么性能還是會(huì)回到普通幀棧分配的情形,引擎對這樣的遞歸調(diào)用棧的限制也仍然有效。

總結(jié)

一般來說,尾調(diào)用消除是可選的,可以用,也可以不用。然而,在函數(shù)編程語言中,語言標(biāo)準(zhǔn)通常會(huì)要求編譯器或運(yùn)行平臺(tái)實(shí)現(xiàn)尾調(diào)用消除。這讓程序員可以用遞歸取代循環(huán)而不喪失性能。ES6之所以要求引擎實(shí)現(xiàn)TCO而不是將其留給引擎自由決定,一個(gè)原因是缺乏TCO會(huì)導(dǎo)致一些JavaScript算法因?yàn)楹ε抡{(diào)用棧限制而降低了通過遞歸實(shí)現(xiàn)的概率。

如果在所有的情況下引擎缺乏TCO只是降低了性能,那它就不會(huì)成為ES6所要求的東西。但是,由于缺乏TCO確實(shí)可以使一些程序變得無法實(shí)現(xiàn),所以它就成為了一個(gè)重要的語言特性而不是隱藏的實(shí)現(xiàn)細(xì)節(jié)。ES6確保了JavaScript開發(fā)者從現(xiàn)在開始可以在所有符合ES6+的瀏覽器中依賴這個(gè)優(yōu)化。這對JavaScript性能來說是一個(gè)勝利。

參考文獻(xiàn)

你不知道的JavaScript-中卷

到此這篇關(guān)于關(guān)于ES6尾調(diào)用優(yōu)化的使用的文章就介紹到這了,更多相關(guān)ES6尾調(diào)用優(yōu)化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • echart中tooltip自動(dòng)展示代碼示例

    echart中tooltip自動(dòng)展示代碼示例

    這篇文章主要給大家介紹了關(guān)于echart中tooltip自動(dòng)展示的相關(guān)資料,ECharts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫,提供直觀,生動(dòng),可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下
    2023-09-09
  • javascript時(shí)間排序算法實(shí)現(xiàn)活動(dòng)秒殺倒計(jì)時(shí)效果

    javascript時(shí)間排序算法實(shí)現(xiàn)活動(dòng)秒殺倒計(jì)時(shí)效果

    這篇文章主要介紹了javascript時(shí)間排序算法實(shí)現(xiàn)活動(dòng)秒殺倒計(jì)時(shí)效果,即一個(gè)頁面多個(gè)倒計(jì)時(shí)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-03-03
  • JS中如何設(shè)置readOnly的值

    JS中如何設(shè)置readOnly的值

    本篇文章主要是對JS中設(shè)置readOnly值的方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • layui table 表格上添加日期控件的兩種方法

    layui table 表格上添加日期控件的兩種方法

    今天小編就為大家分享一篇layui table 表格上添加日期控件的兩種方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript對象訪問器Getter及Setter原理解析

    JavaScript對象訪問器Getter及Setter原理解析

    這篇文章主要介紹了JavaScript對象訪問器Getter及Setter原理解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-12-12
  • JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展

    JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展

    JavaScript數(shù)組去重這個(gè)問題,經(jīng)常出現(xiàn)在面試題中,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組去重的五種方法及其他細(xì)節(jié)和拓展的相關(guān)資料,文中通過實(shí)例代碼以及圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • javascript實(shí)現(xiàn)table表格隔行變色的方法

    javascript實(shí)現(xiàn)table表格隔行變色的方法

    這篇文章主要介紹了javascript實(shí)現(xiàn)table表格隔行變色的方法,涉及javascript針對表格元素與樣式的操作技巧,需要的朋友可以參考下
    2015-05-05
  • 找到了一篇jQuery與Prototype并存的沖突的解決方法

    找到了一篇jQuery與Prototype并存的沖突的解決方法

    找到了一篇jQuery與Prototype并存的沖突的解決方法...
    2007-08-08
  • TypeScript聯(lián)合類型,交叉類型和類型保護(hù)

    TypeScript聯(lián)合類型,交叉類型和類型保護(hù)

    這篇文章主要介紹了TypeScript聯(lián)合類型,交叉類型和類型保護(hù),聯(lián)合類型就是定義一些類型,定義的變量只需要滿足任意一種類型即可,交叉類型就是需要滿足所有類型,交叉類型使用,更多內(nèi)容我們來看看下面文章詳細(xì)內(nèi)容吧
    2021-12-12
  • SyntaxHighlighter 3.0.83使用筆記

    SyntaxHighlighter 3.0.83使用筆記

    本文主要介紹了SyntaxHighlighter的配置及代碼的使用,并附上在博客園中使用SyntaxHighlighter 3.0.83的案例,非常實(shí)用,這里推薦給大家。
    2015-01-01

最新評論