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!':