- 使用for-in循环的时候，要使用hasOwnProperty方法进行过滤，除非你想查找原型链上的继承属性
- 不应当使用for-in循环进行数组遍历，而只应该对object的属性进行遍历
- 每行表达式的结尾要使用分号(;),为了使压缩包能正常工作，还应该为每个js文件的开头加上分号，形如这样的匿名函数定义;(function(){...}());
- 变量初始化应该赋值null, 因为typeof这种操作符，对于未初始化的变量返回的是object，而未声明的变量返回undefine
- null==undefined的结果是true,而null===undefined的结果是false，因此我们应该使用===,!==
- 不要直接在object构造对象上附加属性，而要通过json格式的表示法来初始化一个对象
- 函数体中所有变量的声明会被解析器提前到第一句执行语句前，因为js引擎执行函数时会首先扫描作用域内的所有的变量，无论它放在函数体何处
- 虽然所有的声明会被提前，而且函数声明优先级高于同名的变量声明，但只要变量在声明的同时进行了初始化，那函数声明就无法再覆盖了
- 函数声明不应放在代码块中间或后面，尤其是判断条件的里面，不同的浏览器对此的解释是不同的，但把匿名函数赋值给表达式的声明方式不适用此规则
- 不要使用eval，也不要在Function,setTimeout,setInterval等函数中传入字符串
- 不要在css中嵌入javascript表达式，这会导致浏览器的重复计算，从而使得系统的整体性能下降，而且这种把js渗入到css中的做法不值得提倡
- 不要在javascript中操作对象的css样式。相比上一条，这一条更容易犯错，因为我们经常会在Dom元素中修改style属性
- 将css与js分离，同时又能保持相互之间的联系的秘诀就是js只负责操作css的className，而把className的样式定义放在css中
- 不要在html中直接嵌入javascript代码片段，而要把javascript代码放入单独的js文件中，使用<script>引用外部文件的方式
- 不要在javascript中直接嵌入html代码，使用javascript模板引擎，然后通过变量进行渲染会更好一点
- handlebars是一款优秀的javascript模板引擎，它能帮你实现模板+变量=动态html，在ember等前端框架中也有使用
- 处理javascript全局变量冲突问题的方法有两种
- 一是使用单全局变量
- 即一个应用系统的所有内部变量置于某一个全局变量之下，而这个全局变量要位于javascript引擎的上下文环境中
- javascript的内置对象，比如Array，Date等，你可以把它们看成是一个单全局变量，因为这些变量几乎在每个应用中都可能使用
- 单全局变量的应用要涉及到命名空间的划分和模块的加载
- 对于模块加载，可以使用使用AMD（异步模块定义）,它提供了全局函数define用于加载依赖模块
- 想要使用AMD，需要有与之兼容的模块加载器，比如RequireJS，http://www.requirejs.org/
- requireJS提供了一个require全局函数，用来加载模块和执行加载成功后的方法回调
- 二是使用零全局变量
- 零全局变量的使用，主要是通过匿名函数的即时调用来实现
- 虽然零全局变量不会造成全局污染，但通常使用的场景有限
- 一般用于页面初始加载，或者需要某段一次性执行的代码，而且它与其它代码无交互，也不对外输出接口
- 一是使用单全局变量
- 处理事件时，要将事件处理逻辑和应用逻辑分离，event对象永远只被事件处理逻辑所持有，应用逻辑不要直接访问event对象
- 采用typeof运算符检测基本类型，用instanceof检测引用类型，用===检测null
- 检测函数：typeof myFunc === "function"
- 检测数组：Array.isArray(myArray)
- 检测属性：myAttr in myObject, Object.hasOwnProperty
- 由于js解析器不会保护任何代码包括执行环境，所以应用开发人员不应该修改除自己代码以外的其它任何代码，这包括js的原生类型，DOM，BOM以及第三方类库，如jQuery等
- Ant也可以用作javascript的构建工具
时间： 2024-08-01 11:06:22