你需要知道的10个最佳javascript开发实践小结


Posted in Javascript onApril 15, 2012

尽管很多的开发人员都乐于颂扬javascript,但是仍旧有人看到它的阴暗面。

使用很多javascript代码的web页面会加载很慢,过多的使用javascript使得网页丑陋和拖沓。很快如何有效地使用javascript成为一个非常火热的话题。

这里让我们列出10个最佳javascript实践,帮助你有效地使用javascript。

1. 尽可能的保持代码简洁
可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很多次,但千万不要在js开发中忘记这点。

尽量在开发模式中添加注释和空格,这样保持代码的可读性
在发布到产品环境前请将空格和注释都删除,并且尽量缩写变量和方法名
使用第三方工具帮助你实现压缩javascript。
2. 思考后再修改prototypes
添加新的属性到对象prototype中是导致脚本出错的常见原因。

yourObject.prototype.anotherFunction = ‘Hello'; 
yourObject.prototype.anotherMethod = function () { … };

在上面代码中,所有的变量都会被影响,因为他们都继承于"yourObject"。这样的使用会导致意想不到的行为。所以建议在使用完后删除类似的修改。
yourObject.prototype.anotherFunction = ‘Hello'; 
yourObject.prototype.anotherMethod = function () { … }; 
test.anotherMethod(); 
delete yourObject.prototype.anotherFunction = ‘Hello'; 
delete yourObject.prototype.anotherMethod = function () { … };

3. Debug Javascript代码
即使最好的开发人员都会犯错。为了最大化的减少类似错误,请在你的debugger中运行你的代码,确认你没有遇到任何细微的错误

4. 避免Eval
你的JS在没有"eval"方法的时候也可以很好的工作。“eval”允许访问javascript编译器。如果一个字符串作为参数传递到"eval",那么它的结果可以被执行。

这会很大的降低代码的性能。尽量避免在产品环境中使用"eval"。

5. 最小化DOM访问
DOM是最复杂的API,会使得代码执行过程变慢。有时候web页面可能没有加载或者加载不完整。最好避免DOM。

6. 在使用javascript类库之前先学习javascript
互联网充斥着很多的javascript类库,很多程序员都往往使用js类库而不理解负面影响。强烈建议你在使用第三方类库之前学习基本的JS代码,否则,你就准备着倒霉吧。

7. 不要用"SetTimeOut"和"Setinterval"方法来作为"Eval"的备选
setTimeOut( "document.getID('value')", 3000);
在以上代码中 document.getID('value') 在"setTimeOut"方法中被作为字符串来处理。这类似于'eval'方法,在每个代码执行中来执行一个字符串,因此会降低性能,因此,建议在这些方法中传递一个方法。

setTimeOut(yourFunction, 3000);
8. []比"new Array();"更好
一个常犯的错误在于使用当需要数组的时候使用一个对象或者该使用对象的时候使用一个数组。但是使用原则很简单:

“当属性名称是小的连续整数,你应该使用数组。否则,使用一个对象” - Douglas Crockford, JavaScript: Good Parts的作者.

建议:
var a = ['1A','2B'];
避免:

var a = new Array();
a[0] = "1A";
a[1] = "2B";
9. 尽量不要多次使用var
在初始每一个变量的时候,程序员都习惯使用"var"关键字。相反,建议你使用逗号来避免多余的关键字,并且减少代码体积。 如下:

var variableOne = ‘string 1',
variableTwo = ‘string 2',
variableThree = ‘string 3';
10. 不要忽略分号 ";"
这往往是大家花费数个小时进行debug的原因之一。

我很确信你肯定也在其它的文章中阅读过以上相关的内容,但是大家可能往往都忽略了很多基本的规则。你是不是也曾经忽略过分号。是不是也遇到过eval关键字问题导致性能问题?希望大家能够喜欢,谢谢!

Javascript 相关文章推荐
JavaScript Prototype对象
Jan 07 Javascript
Jquery Ajax 学习实例2 向页面发出请求 返回JSon格式数据
Mar 15 Javascript
基于jquery的气泡提示效果
May 31 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
Dec 30 Javascript
js实现异步循环实现代码
Feb 16 Javascript
微信小程序 密码输入(源码下载)
Jun 27 Javascript
基于JavaScript实现选项卡效果
Jul 21 Javascript
JS实现带动画的回到顶部效果
Dec 28 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
javascript针对DOM的应用分析(四)
Apr 15 #Javascript
javascript针对DOM的应用分析(三)
Apr 15 #Javascript
javascript针对DOM的应用分析(二)
Apr 15 #Javascript
javascript针对DOM的应用实例(一)
Apr 15 #Javascript
JavaScript中的null和undefined解析
Apr 14 #Javascript
dtree 网页树状菜单及传递对象集合到js内,动态生成节点
Apr 14 #Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 #Javascript
You might like
10条PHP编程习惯助你找工作
2008/09/29 PHP
php header示例代码(推荐)
2010/09/08 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
PHP 图片水印类代码
2012/08/27 PHP
PHPMailer邮件发送的实现代码
2013/05/04 PHP
php 数组随机取值的简单实例
2016/05/23 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
javascript innerText和innerHtml应用
2010/01/28 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
使用vue编写一个点击数字计时小游戏
2016/08/31 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
2017/01/22 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
node读写Excel操作实例分析
2019/11/06 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
人工神经网络算法知识点总结
2019/06/11 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
python反扒机制的5种解决方法
2021/02/06 Python
饲料采购员岗位职责
2013/12/19 职场文书
无工作经验者个人求职信范文
2013/12/22 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
教师应聘自荐信范文
2014/03/14 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
Java 数组的使用
2022/05/11 Java/Android