博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
风中的纸屑——阅读编写可维护的JavaScript
阅读量:4554 次
发布时间:2019-06-08

本文共 1071 字,大约阅读时间需要 3 分钟。

第一部分 编程风格

程序是写给人读的,只是偶尔让计算机执行一下 ——Donald Knuth

1、逻辑之间加空行。

2、命名体现特点,小驼峰。以JS语言核心采用的代码规范为准。
3、将null当做对象的占位符,不要滥用。
4、减少continue的使用,用条件语句替代(以前很喜欢用continue)。
5、for in循环不仅遍历当前对象的属性,还会遍历原型继承而来的属性,一般使用时用hasOwnProperty方法过滤。不要将for in用来遍历数组。
6、函数先声明,再使用。(以前写c有的习惯,到了JS函数提升的机制就忽略了)且在条件语句的外部声明。
7、不要将"use strict"用在全局作用域中,这样合并文件时会把其他文件也设置为"use strict",其他文件的非"strict"代码可能会出错。

第二部分 编程实践

构建软件设计的方法有两种,一种是把软件做得很简单以至于明显找不到缺陷;

另一种是把它做得很复杂以至于找不到明显的缺陷 ——C.A.R.Hoare

1、各部分间的低耦合性。(感觉这个能涵盖以下所有)

2、通过JS修改元素样式时,最佳方法是操作CSS的className。
3、隔离应用逻辑(应用逻辑指的是和应用相关的功能性代码)。
4、尽量为函数传入有用、精确的信息。(如下)

//不好的写法 function clickHandler(event) {     showMouse(event); } function showMouse(event) {     console.log("x:" + event.pageX + "y:" + event.pageY); }  myElement.addEventListener("click", clickHandler(event));  //好的写法 function clickHandler(event) {     showMouse(event.pageX, event.pageY); } function showMouse(x, y) {     console.log("x:" + x + "y:" + y); } myElement.addEventListener("click", clickHandler(event));

5、抛出自己的错误。

6、不要动不属于自己的对象。

第三部分 自动化

需要看更专业详细的书

转载于:https://www.cnblogs.com/ZackBee/p/6946811.html

你可能感兴趣的文章
Android 实现ripple动画
查看>>
PHP wamp server问题
查看>>
Spring Data Redis学习
查看>>
js闭包理解案例-解决for循环为元素注册事件的问题
查看>>
2015.04.23,外语,读书笔记-《Word Power Made Easy》 12 “如何奉承朋友” SESSION 33
查看>>
android 点击事件
查看>>
Spring+SpringMVC+JDBC实现登录
查看>>
生与死之间
查看>>
NEFU 109
查看>>
HDU 5435
查看>>
取自ACE中的bit操作宏(转)
查看>>
git从已有分支拉新分支开发
查看>>
滚动条隐藏兼容写法
查看>>
SQL2005查询所有表的大小
查看>>
Shell 正则表达式
查看>>
Docker run命令参数整理
查看>>
qt-opencv配置mingw编译器
查看>>
CSS之Medial Queries的另一用法:实现IE hack的方法
查看>>
oo第三单元总结
查看>>
linux-CentOS6.4下安装oracle11g详解
查看>>