javascript写字技巧_javascript 的一些书写建议

1.变量缓存

//说明：例如Dom的缓存，document.getElementById('ID’) 等方法查找dom是从 document开始往body下面查找 dom 节点 , 变量缓存了就不用再从 document 开始往下找 。

好

坏

2.事件监听

//说明 ： 使用事件代理可提高代码的可读性。不管dom什么时候被添加到页面上 ， 都可以监听成功 ，注意的是 ，此事件只可绑定一次 ，绑定多次就会触发多次回调函数 ，重新绑定并不会覆盖上一次的绑定。这主要得益于浏览器的事件冒泡机制 ，以jquery封装好的事件为例。

好

坏

3.函数声明与匿名函数

说明 ：为了调试清晰 ， 选择函数声明 ， 丢弃匿名函数。es6 的箭头函数是匿名函数 ，不可以是声明函数。

好

坏

4.算术操作符的问题

说明 ： 代码写少了 ， 看起来并不直观

好

坏

5.嵌套三元表达式的问题

说明 ： 嵌套三元表达式让代码难以看懂 ， 难以理解 。

好

坏

6. 语句要加上双括号

好

坏

7.尽量使用严格等于 少使用宽松等于

说明 ： 宽松等于的转换规则复杂且难以记忆

好

坏

8.不要使用 with 语句 和 eval 函数。

说明 ： 它们会欺骗词法作用域导致性能下降 ， with 语句还能不知不觉把变量声明到全局作用局下。

坏

坏

9.开启严格模式编写javascript代码

说明 ：

1 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

2 消除代码运行的一些不安全之处，保证代码运行的安全；

3 提高编译器效率，增加运行速度；

4 为未来新版本的Javascript做好铺垫。

在某些浏览器会报错

10.注意构造器函数和new运算符

说明 ： 构造器函数是和new运算符一起使用的函数 ， new运算符基于该函数的原型创建一个新对象，并且把该对象绑定到this上。如果你忽略使用new ， 新的对象不会被创建 ，并且this会被绑定到全局对象上 。

注意

11.动画绘制16.6ms 性能优化

说明 : 性能优化

坏

好

12.不兼容ie的情况下 ， 使用 css 3 动画 ，丢弃定位

说明 : 性能优化 ， 使用 css 3 动画浏览器不会重新绘制 dom 树 ， 使用定位浏览器会重新绘制 dom 树。

好