如何写出高质量代码.pptx

如何写出高质量、高稳定、高性能、的JS代码
主讲人:Aries
JavaScript现状
我们不编写代码,我们只是国外优秀框架的搬运工。——时下流行的一句描述国内js圈现状的话。
BULLSHIT!
。现在好多大型互联网公司都不再安于原来的业务,或投资或自己研发新型产品,不少都是和原来的产品独立的。这些项目都需要大量的前端人才;就目前来看前端工程师极度缺乏。而一个合格的前端工程师对js把控也是必不可少的。
,功能比较强大,所以上手比较容易,能快速的完成UI设计的一些交互能,正因如此,所以就导致了一个问题:简单的东西不被重视,只管结果不管过程,想出什么写什么,最后产出的代码杂,乱,差。Bug层出不穷,有时候越改越多,越改越乱,甚至要重写。相信这是很多刚接触JS的大部分人都会经历过的。
高质量
。
JavaScript应用程序和web页面上的所有代码都共享了这些全局变量,他们住在同一个全局命名空间,所以当程序的两个不同部分定义同名但不同作用的全局变量的时候,命名冲突在所难免。
比如:第三方脚本定义了一个全局变量,叫做result;接着,在你的函数中也定义一个名为result的全局变量。其结果就是后面的变量覆盖前面的,第三方脚本就一下子嗝屁了!
因此,要想和其他脚本完美兼容的话,尽可能少的使用全局变量是很重要的。为此JS有些策略就是为了处理这个问题的,例如立即执行函数,闭包等等,但是要想让全局变量少最重要的还是始终使用var来声明变量。
由于JavaScript不自觉地创建出全局变量是出乎意料的容易。首先,你可以甚至不需要声明就可以使用变量;第二,JavaScript有隐含的全局概念,意味着你不声明的任何变量都会成为一个全局对象属性。比如看下面的代码:
//不推荐使用
function foo() {
var a = b = 0;
// ...
}
//推荐使用
function foo() {
var a, b;
// ... a = b = 0; // 两个均局部变量
}

在函数顶部使用单var语句是比较有用的一种形式,其好处在于:
提供了一个单一的地方去寻找功能所需要的所有局部变量
防止变量在定义之前使用的逻辑错误
帮助你记住声明的全局变量,因此较少了全局变量
这种初始化变量同时初始化值的做法是很好的。这样子可以防止逻辑错误(所有未初始化但声明的变量的初始值是undefined)和增加代码的可读性。在你看到代码后,你可以根据初始化的值知道这些变量大致的用途,例如是要当作对象呢还是当作整数来使。
(for Loops)
for (var i = 0; i < ; i++) {
// ..
}
这种形式的循环的不足在于每次循环的时候数组的长度都要去获取下。这会降低你的代码性能,尤其当myarray不是数组,而是一个HTMLCollection对象的时候。
HTMLCollections指的是DOM方法返回的对象,例如:
()
()
()
这意味着每次你访问任何集合的长度,你要实时查询DOM,而DOM操作一般都是比较昂贵的。
这就是为什么当你循环获取值时,缓存数组(或集合)的长度是比较好的形式,正如下面代码显示的:
for (var i = 0, max = ; i < max; i++) {
// ..
}