Talk is cheap. Show me the code.
模式
循环数组的优化
常规写法
for (var i = 0; i < myarray.length; i++) {
// do something with myarray[i]
}
优化方式:缓存循环次数。
var i = 0,
max,
myarray = [];
for (i = 0, max = myarray.length; i < max; i += 1) {
// do something with myarray[i]
}
或
var i, myarray = [];
for (i = myarray.length; i--;) {
// do something with myarray[i]
}
或
var myarray = [],
i = myarray.length;
while (i--) {
// do something with myarray[i]
}
遍历对象(for-in)的优化
有下面的对象
var man = {
hands:2,
legs:2,
heads:1
};
遍历的一般写法
for (var i in man) {
console.log(i, ":", man[i]);
}
优化方式，遍历时排除原型上的属性
for (var i in man) {
if (man.hasOwnProperty(i)) { // filter
console.log(i, ":", man[i]);
}
}
或
for (var i in man) {
if (Object.prototype.hasOwnProperty.call(man, i)) { // filter
console.log(i, ":", man[i]);
}
}
或
var i,
hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
if (hasOwn.call(man, i)) { // filter
console.log(i, ":", man[i]);
}
}
所有 JavaScript 模式：http://shichuan.github.io/javascript-patterns/
文章推荐
《强力推荐！那些你不能错过的 GitHub 插件和工具》
背景
以代码托管平台起家的 GitHub 网站，已然成为全球程序员工作和生活中不可或缺的一份子。从优秀的企业，到优秀的程序员，都将自己最优秀的代码作品存放在这片开源净土里，供彼此学习交流。
既然 GitHub 这么重要，又被我们使用得这么频繁，那关于 GitHub 的一些优秀浏览器插件或者其他工具，我们就一定不可错过啦。
概要
推荐的一堆 GitHub 的插件。
阅读地址：https://juejin.im/post/59ade28051882538fd72fa2c
我做为 GitHub 的重度用户，只用过 Octotree，惭愧啊。感觉去找几个下个玩玩~
往期前端早读课地址：http://www.jianshu.com/c/0fda3d387a6d
