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