《编写可维护的JavaScript》

“程序是给人读的,只是偶尔让计算机执行一下。” ———— 高德纳

第一部分 编程风格

1. 基本的格式化

  1. 统一使用制表符进行缩进
  2. 注意ASI(自动分号插入)
	function fn() {
		return // 这里会自动插入分号 导致返回 undefinedreturn // 这里会自动插入分号 导致返回 undefined
		{
			title: "xxx",title: "xxx",
		}
	}
  1. 行的长度尽量不要超过80个字符
  2. 当行的长度超过80个字符需要换行时,我们要在 运算符 后面进行换行,并且在第二行前使用两个缩进(总是将一个运算符置于行尾,ASI就不会自作主张地插入分号,也就避免了错误的发生)
	callAFunction(document, element, window, "some string value", true, 123,
			navigator);
  1. 针对4有一个例外:当给变量赋值时,第二行的位置应当和赋值运算符的位置保持对其
	var result = someting + anotherTing + yetAnotherTing + somethingElse + 
	             anotherSometingElse;
  1. 使用空行分隔语义不相关的代码
    • 在方法之间
    • 局部变量声明与第一条语句之间
    • 多行/单行注释之间
    • 方法内的逻辑片段之间
	if(w1 && w1.length) {
		
		for(i = 0; l = w1.length; i < l; i ++) {
			p = wl[i];
			type = Y.Lang.type(r[p]);
			
			if(s.hasOwnProperty(p)) {
				
				if(merge && type == 'object') {
					Y.mix(r[p], s[p]);
				}
			}
		}
	}
  1. 采用大驼峰式命名构造函数,小驼峰式命名变量与普通函数
  2. 使用带有含义的命名,避免无意义的命名,变量命名使用名词,函数命名使用动词,使用大写字母加下划线的方式命名常量
	var MAX_COUNT = 10;
	var count = 10;
	
	function Person(name, age) {
		this.name = name;
		this.age = age;
	}
	function getName() {
		//...
	}
  1. 多行字符串使用 + 连接
  2. 不推荐 八进制(已经废除) 、浮点数省略写法
	// 都是不推荐的写法
	var price = 10.;
	var price = .1;
  1. null的正确用法是作为object的占位符,不要将null的用法与undefined搞混
  2. 推荐使用对象直接量与数组直接量

2. 如何添加注释

  1. 建议注释前总有一个空行
	// 好的写法
	if(condition) {
		
		// 看!我的前面有一个空行
		allowed();
	}

	if(codition) {
	
		/*
		 * 看!
		 * 我的
		 * 前面
		 * 也有
		 * 一个空行
		 * /
		allowed();
	}

	
  1. 双斜线后敲入一个空格 使注释文本相对代码有一定的偏移
  2. 缩进层级与代码保持一致
  3. 代码后面的单行注释要有一个空格进行分隔
	var result = something + sometingElse; // 看!前后分别有一个空格
  1. 多行文字注释使用多行注释,多行代码(文字)注释使用单行注释
	// 好的写法
	// if(condition) {
	//     doSomething();
	//     thenDoSomethingElse();
	// }
  1. 多行注释星号后面要跟一个空格
  2. 应当只在代码表述不够清晰时使用注释,具体分为以下几种情况
    • 难于理解的代码
    • 可能被误认为错误的代码
    • 浏览器兼容代码(特性hack)
  3. 使用合适的文档生成工具

3. 语句和表达式

4. 变量、函数、运算符

第二部分 编程实践

第三部分 自动化

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
编写维护JavaScript》向开发人员阐述了如何在团队开发中编写具备高可维护性的JavaScript代码,书中详细说明了作为团队一分子,应该怎么写JavaScript。本书内容涵盖了编码风格、编程技巧、自动化、测试等几方面,既包括具体风格和原则的介绍,也包括示例和技巧说明,最后还介绍了如何通过自动化的工具和方法来实现一致的编程风格。   《编写维护JavaScript》作者Nicholas C. Zakas是顶级的Web技术专家,也是《JavaScript高级程序设计》一书的作者。他曾是Yahoo!的首席前端开发工程师,在完成了从一名“独行侠”到“团队精英”的蜕变后,他站在前端工程师的角度提炼出众多的最佳编程实践,其中包括很多业内权威所推崇的最佳法则,而这些宝贵经验正是本书的核心内容。   《编写维护JavaScript》适合前端开发工程师、JavaScript程序员和学习JavaScript编程的读者阅读,也适合开发团队负责人、项目负责人阅读。运用本书中讲述的技巧和技术,可以使JavaScript团队编程从侠义的个人偏好的阴霾走出来,走向真正的高可维护性、高效能和高水准。 第一部分 编程风格 第1章 基本的格式化 1.1 缩进层级 1.2 语句结尾 1.3 行的长度 1.4 换行 1.5 空行 1.6 命名 1.6.1 变量和函数 1.6.2 常量 1.6.3 构造函数 1.7 直接量 1.7.1 字符串 1.7.2 数字 1.7.3 null 1.7.4 undefined 1.7.5 对象直接量 1.7.6 数组直接量 第2章 注释 2.1 单行注释 2.2 多行注释 2.3 使用注释 2.3.1 难于理解的代码 2.3.2 可能被误认为错误的代码 2.3.3 浏览器特性hack 2.4 文档注释 第3章 语句和表达式 3.1 花括号的对齐方式 3.2 块语句间隔 3.3 switch语句 3.3.1 缩进 3.3.2 case语句的“连续执行” 3.3.3 default 3.4 with语句 3.5 for循环 3.6 for-in循环 第4章 变量、函数和运算符 4.1 变量声明 4.2 函数声明 4.3 函数调用间隔 4.4 立即调用的函数 4.5 严格模式 4.6 相等 4.6.1 eval() 4.6.2 原始包装类型 第二部分 编程实践 第5章 UI层的松耦合 5.1 什么是松耦合 5.2 将JavaScript从CSS中抽离 5.3 将CSS从JavaScript中抽离 5.4 将JavaScript从HTML中抽离 5.5 将HTML从JavaScript中抽离 5.5.1 方法1:从服务器加载 5.5.2 方法2:简单客户端模板 5.5.3 方法3:复杂客户端模板 第6章 避免使用全局变量 6.1 全局变量带来的问题 6.1.1 命名冲突 6.1.2 代码的脆弱性 6.1.3 难以测试 6.2 意外的全局变量 避免意外的全局变量 6.3 单全局变量方式 6.3.1 命名空间 6.3.2 模块 6.4 零全局变量 第7章 事件处理 7.1 典型用法 7.2 规则1:隔离应用逻辑 7.3 规则2:不要分发事件对象 第8章 避免“空比较” 8.1 检测原始值 8.2 检测引用值 8.2.1 检测函数 8.2.2 检测数组 8.3 检测属性 第9章 将配置数据从代码中分离出来 9.1 什么是配置数据 9.2 抽离配置数据 9.3 保存配置数据 第10章 抛出自定义错误 10.1 错误的本质 10.2 在JavaScript中抛出错误 10.3 抛出错误的好处 10.4 何时抛出错误 10.5 try-catch语句 10.6 错误类型 第11章 不是你的对象不要动 11.1 什么是你的 11.2 原则 11.2.1 不覆盖方法 11.2.2 不新增方法 11.2.3 不删除方法 11.3 更好的途径 11.3.1 基于对象的继承 11.3.2 基于类型的继承 11.3.3 门面模式 11.4 关于Polyfill的注解 11.5 阻止修改 第12章 浏览器嗅探 12.1 User-Agent检测 12.2 特性检测 12.3 避免特性推断 12.4 避免浏览器推断 12.5 应当如何取舍 第三部分 自动化 第13章 文件和目录结构 13.1 最佳实践 13.2 基本结构 第14章 Ant 14.1 安装 14.2 配置文件 14.3 执行构建 14.4 目标操作的依赖 14.5 属性 14.6 Buildr项目 第15章 校验 15.1 查找文件 15.2 任务 15.3 增强的目标操作 15.4 其他方面的改进 15.5 Buildr任务 第16章 文件合并和加工 16.1 任务 16.2 行尾结束符 16.3 文件头和文件尾 16.4 加工文件 第17章 文件精简和压缩 17.1 文件精简 17.1.1 使用YUI Compressor精简代码 17.1.2 用Closure Compiler精简 17.1.3 使用UglifyJS精简 17.2 压缩 17.2.1 运行时压缩 17.2.2 构建时压缩 第18章 文档化 18.1 JSDoc Toolkit 18.2 YUI Doc 第19章 自动化测试 19.1 YUI Test Selenium引擎 19.1.1 配置一台Selenium服务器 19.1.2 配置YUI Test Selenium引擎 19.1.3 使用YUI Test Selenium引擎 19.1.4 Ant的配置写法 19.2 Yeti 19.3 PhantomJS 19.3.1 安装及使用 19.3.2 Ant的配置写法 19.4 JsTestDriver 19.4.1 安装及使用 19.4.2 Ant的配置写法 第20章 组装到一起 20.1 被忽略的细节 20.2 编制打包计划 20.2.1 开发版本的构建 20.2.2 集成版本的构建 20.2.3 发布版本的构建 20.3 使用CI系统 20.3.1 Jenkins 20.3.2 其他CI系统 附录A JavaScript编码风格指南 附录B JavaScript工具集
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值