[JavaScript基礎]學習⑤③--Functions

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001450391119558965d1614860145b881340e490534c5c3000

bind

bind()可以幫我們把console對象直接綁定在log()的this指針上

'use strict';

var log = _.bind(console.log, console);
log('Hello, world!');
// 輸出Hello, world!

partial

pow2N(y)就是根據Math.pow(x, y)創建出來的偏函數,它固定住了原函數的第一個參數(始終為2):

'use strict';

var pow2N = _.partial(Math.pow, 2);
pow2N(3); // 8
pow2N(5); // 32
pow2N(10); // 1024

創建一個偏函數cube(x),計算x3,可以用_作占位符,固定住第二個參數:

'use strict';

var cube = _.partial(Math.pow, _, 3);
cube(3); // 27
cube(5); // 125
cube(10); // 1000

memoize

用memoize()就可以自動緩存函數計算的結果:

'use strict';

var factorial = _.memoize(function(n) {
    console.log('start calculate ' + n + '!...');
    var s = 1, i = n;
    while (i > 1) {
        s = s * i;
        i --;
    }
    console.log(n + '! = ' + s);
    return s;
});

// 第一次調用:
factorial(10); // 3628800
// 注意控制臺輸出:
// start calculate 10!...
// 10! = 3628800

// 第二次調用:
factorial(10); // 3628800
// 控制臺沒有輸出

factorial()進行改進,讓其遞歸調用

'use strict';

var factorial = _.memoize(function(n) {
    console.log('start calculate ' + n + '!...');
    if (n < 2) {
        return 1;
    }
    return n * factorial(n - 1);
});

factorial(10); // 3628800
// 輸出結果說明factorial(1)~factorial(10)都已經緩存了:
// start calculate 10!...
// start calculate 9!...
// start calculate 8!...
// start calculate 7!...
// start calculate 6!...
// start calculate 5!...
// start calculate 4!...
// start calculate 3!...
// start calculate 2!...
// start calculate 1!...

factorial(9); // 362880
// console無輸出

once

once()保證函數僅調用一次,無論用戶點擊多少次

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript" src="underscore-min.js"></script>
    <script type="text/javascript">
        'use strict';

        var register = _.once(function () {
            alert('Register Ok!');//調用一次后失效
        });
    </script>
</head>
<body>
<button type="button" id="test_button" onclick="register()">Button</button>
</body>
</html>

delay

可以讓一個函數延遲執行,效果和setTimeout()是一樣的

'use strict';

// 2秒后調用alert():
_.delay(alert, 2000);
'use strict';

var log = _.bind(console.log, console);
_.delay(log, 2000, 'Hello,', 'world!');
// 2秒后打印'Hello, world!':
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容