读Vue源码时发现有一段函数优化的代码值得我们学习。它将每次执行函数后的值进行缓存,当再次执行的时候直接调用缓存的数据而不是重复执行函数,以此提高前端性能,这是典型的用空间换时间的优化,也是经典的偏函数应用。
function cached (fn) {
var cache = Object.create(null); // 创建空对象作为缓存对象
return (function cachedFn (str) {
var hit = cache[str];
return hit || (cache[str] = fn(str)) // 每次执行时缓存对象有值则不需要执行函数方法,没有则执行并缓存起来
})
}
var capitalize = cached(function (str) {
return str.charAt(0).toUpperCase() + str.slice(1)
});
var firstE = capitalize("b-bAb");
var secondF= capitalize("b-bAb"); //调试发现直接使用了hit的值