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

資訊專欄INFORMATION COLUMN

JavaScript 高級(jí)技巧 Memoization

劉德剛 / 1704人閱讀

摘要:來源于拉丁語,不要與混淆了。本文首先介紹一個(gè)簡單的使用優(yōu)化技術(shù)的例子,然后解讀和庫中使用的源碼,加深理解??偨Y(jié)是一種優(yōu)化技術(shù),避免一些不必要的重復(fù)計(jì)算,可以提高計(jì)算速度。

memoization 來源于拉丁語 memorandum ("to be remembered"),不要與 memorization 混淆了。

首先來看一下維基百科的描述:

In computing, memoization or memoisation is an optimization technique used primarily to speed up computer programs by storing the results of expensive function calls and returning the cached result when the same inputs occur again.

簡單來說,memoization 是一種優(yōu)化技術(shù),主要用于通過存儲(chǔ)昂貴的函數(shù)調(diào)用的結(jié)果來加速計(jì)算機(jī)程序,并在再次發(fā)生相同的輸入時(shí)返回緩存的結(jié)果。

本文首先介紹一個(gè)簡單的使用 memoization 優(yōu)化技術(shù)的例子,然后解讀 underscore 和 reselect 庫中使用 memoization 的源碼,加深理解。

階乘 不使用 memoization

不假思索,我們會(huì)立即寫下如下的代碼:

const factorial = n => {
    if (n === 1) {
        return 1
    } else {
        return factorial(n - 1) * n
    }
};
使用 memoization
const cache = []
const factorial = n => {
    if (n === 1) {
        return 1
    } else if (cache[n - 1]) {
        return cache[n - 1]
    } else {
        let result = factorial(n - 1) * n
        cache[n - 1] = result
        return result
    }
};
使用 閉包 和 memoization

常見的方式是 閉包 和 memoization 一起搭配使用:

const factorialMemo = () => {
    const cache = []
    const factorial = n => {
        if (n === 1) {
            return 1
        } else if (cache[n - 1]) {
            console.log(`get factorial(${n}) from cache...`)
            return cache[n - 1]
        } else {
            let result = factorial(n - 1) * n
            cache[n - 1] = result
            return result
        }
    }
    return factorial
};
const factorial = factorialMemo();

繼續(xù)變形,下面這種編寫方式是最常見的形式。

const factorialMemo = func => {
    const cache = []
    return function(n) {
        if (cache[n - 1]) {
            console.log(`get factorial(${n}) from cache...`)
            return cache[n - 1]
        } else {
            const result = func.apply(null, arguments)
            cache[n - 1] = result
            return result
        }
    }
}

const factorial = factorialMemo(function(n) {
    return n === 1 ? 1 : factorial(n - 1) * n
});

從階乘的這個(gè)例子可以知道 memoization 是一個(gè)空間換時(shí)間的方式,存儲(chǔ)執(zhí)行結(jié)果,下次再次發(fā)生相同的輸入會(huì)直接輸出結(jié)果,提高了執(zhí)行的速度。

underscore 源碼中的 memoization
// Memoize an expensive function by storing its results.
_.memoize = function(func, hasher) {
    var memoize = function(key) {
        var cache = memoize.cache;
        var address = "" + (hasher ? hasher.apply(this, arguments) : key);
        if (!_.has(cache, address)) cache[address] = func.apply(this, arguments);
        return cache[address];
    };
    memoize.cache = {};
    return memoize;
};

代碼一目了然,使用 _.memoize 來實(shí)現(xiàn)階乘如下:

const factorial = _.memoize(function(n) {
    return n === 1 ? 1 : factorial(n - 1) * n
});

參照這個(gè)源碼,上面的階乘繼續(xù)可以變形如下:

const factorialMemo = func => {
    const memoize = function(n) {
        const cache = memoize.cache
        if (cache[n - 1]) {
            console.log(`get factorial(${n}) from cache...`)
            return cache[n - 1]
        } else {
            const result = func.apply(null, arguments)
            cache[n - 1] = result
            return result
        }
    }
    memoize.cache = []
    return memoize
}

const factorial = factorialMemo(function(n) {
    return n === 1 ? 1 : factorial(n - 1) * n
});
reselect 源碼中的 memoization
export function defaultMemoize(func, equalityCheck = defaultEqualityCheck) {
    let lastArgs = null
    let lastResult = null
    // we reference arguments instead of spreading them for performance reasons
    return function () {
        if (!areArgumentsShallowlyEqual(equalityCheck, lastArgs, arguments)) {
            // apply arguments instead of spreading for performance.
            lastResult = func.apply(null, arguments)
        }

        lastArgs = arguments
        return lastResult
    }
};

從源碼可以知道當(dāng) lastArgs 與 arguments 相同的時(shí)候,就不會(huì)再執(zhí)行 func。

總結(jié)

memoization 是一種優(yōu)化技術(shù),避免一些不必要的重復(fù)計(jì)算,可以提高計(jì)算速度。

參考

Memoization wiki

Understanding JavaScript Memoization In 3 Minutes

Underscore

reselect

Implementing Memoization in JavaScript

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/98395.html

相關(guān)文章

  • Memoization in JavaScript

    摘要:源碼函數(shù)調(diào)用過,沒有變化,參數(shù)時(shí)返回緩存值。而通過,可以把上一次的計(jì)算結(jié)果保存下來,而避免重復(fù)計(jì)算。這意味著將跳過渲染組件,并重用最后渲染的結(jié)果。 1. 基本概念 在一個(gè)CPU密集型應(yīng)用中,我們可以使用Memoization來進(jìn)行優(yōu)化,其主要用于通過存儲(chǔ)昂貴的函數(shù)調(diào)用的結(jié)果來加速程序,并在再次發(fā)生相同的輸入時(shí)返回緩存的結(jié)果。例如一個(gè)簡單的求平方根的函數(shù): const sqrt = Ma...

    ccj659 評(píng)論0 收藏0
  • 斐波那契數(shù)列求和的js方案以及優(yōu)化

    摘要:在上做了一道斐波那契數(shù)列求和的題目,做完之后做了一些簡單的優(yōu)化和用另一種方法實(shí)現(xiàn)。動(dòng)態(tài)規(guī)劃解決方案斐波那契數(shù)列求和除了可以用遞歸的方法解決,還可以用動(dòng)態(tài)規(guī)劃的方法解決。 在codewars上做了一道斐波那契數(shù)列求和的題目,做完之后做了一些簡單的優(yōu)化和用另一種方法實(shí)現(xiàn)。 題目 function fibonacci(n) { if(n==0 || n == 1) r...

    xinhaip 評(píng)論0 收藏0
  • Python 應(yīng)用剖析工具介紹

    摘要:免責(zé)聲明不要過早地進(jìn)行優(yōu)化有關(guān)過早優(yōu)化的詳細(xì)分析請(qǐng)查閱本文。如果在龐大的應(yīng)用中運(yùn)行該分析工具,會(huì)得到一張巨大的圖片。免責(zé)聲明請(qǐng)確保該方法只用于函數(shù)如果將記憶用于帶有副作用譬如的函數(shù),緩存可能無法達(dá)到預(yù)期的效果。 【編者按】本文作者為來自 HumanGeo 的工程師 Davis,主要介紹了用于 Python 應(yīng)用性能分析的幾個(gè)工具。由國內(nèi) ITOM 管理平臺(tái) OneAPM 編譯呈現(xiàn)。 在...

    lanffy 評(píng)論0 收藏0
  • JS專題之memoization

    摘要:前言在計(jì)算機(jī)領(lǐng)域,記憶是主要用于加速程序計(jì)算的一種優(yōu)化技術(shù),它使得函數(shù)避免重復(fù)演算之前已被處理過的輸入,而返回已緩存的結(jié)果。被執(zhí)行了不是素?cái)?shù),其他數(shù)字默認(rèn)是素?cái)?shù)。我們可以看出,如果從開始打印斐波那契數(shù)列,函數(shù)被執(zhí)行了次。 前言 在計(jì)算機(jī)領(lǐng)域,記憶(memoization)是主要用于加速程序計(jì)算的一種優(yōu)化技術(shù),它使得函數(shù)避免重復(fù)演算之前已被處理過的輸入,而返回已緩存的結(jié)果。 -- wi...

    zhisheng 評(píng)論0 收藏0
  • 【譯】你可能不需要派生狀態(tài)

    摘要:所有派生狀態(tài)導(dǎo)致的問題無異于兩種無條件的根據(jù)來更新無論和是否匹配來更新。派生狀態(tài)最常見的錯(cuò)誤就是將這兩者混和在一起。因此通常被用于性能優(yōu)化而不是來判斷派生狀態(tài)的正確性。我們可以使用派生狀態(tài)來存儲(chǔ)過濾列表這種方式避免了重新計(jì)算。 原文鏈接:https://reactjs.org/blog/2018... 翻譯這篇文章的起因是因?yàn)樵谝淮涡枨蟮绣e(cuò)誤的使用了getDerivedState...

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

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

0條評(píng)論

閱讀需要支付1元查看
<