编写可维护的JavaScript
龍天下丿
活泼开朗
展开
-
【读书笔记】:《编写可维护的JavaScript》第09章 将配置数据从代码中分离出来
编写可维护的JavaScript第09章 将配置数据从代码中分离出来9.1 什么是配置数据9.2 抽离配置数据9.3 保存配置数据 第09章 将配置数据从代码中分离出来 任何时候修改源代码都会有引入 bug 的风险,即使是只修改一些数据的值也会带来一些不必要的风险。数据不应该影响代码的正常运行。精心设计的应用应当将关键数据从主要的源码中抽离出来,这样我们修改数据时才更加放心。 9.1 什么是配置数据 // 不好的写法 将配置数据埋藏在代码里 function validata(value) { if原创 2020-11-13 13:38:09 · 135 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第08章 避免“空比较”
编写可维护的JavaScript第08章 避免“空比较”8.1 检测原始值8.2 检测引用值8.2.1 检测函数8.2.2 检测数组8.3 检测属性 第08章 避免“空比较” 在JavaScript中,我们常常看到这样的代码:变量和null比较(这种做法很有问题),用来判断变量是否被赋予了一个合理的值。比如: var Controller = { process: function (items) { "use strict"; if (items !== null)原创 2020-11-13 13:32:35 · 102 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第07章 事件处理
编写可维护的JavaScript第07章 事件处理7.1 典型用法7.2 规则1:隔离应用逻辑7.3 规则2:不要分发事件对象 第07章 事件处理 7.1 典型用法 当事件触发时,事件对象(event对象)会作为回调参数传入事件处理程序中。event对象包含所有和事件相关的信息,包括事件的宿主(target)以及其他和事件类型相关的数据。鼠标事件会将其位置信息暴露在event对象上,键盘事件会将案件信息暴露在event对象上,触屏事件会将触摸位置和持续时间暴露在event 对象上。只有提供了所有这些信息,U原创 2020-11-13 13:22:03 · 148 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第06章 避免使用全局变量(未完)
编写可维护的JavaScript第06章 避免使用全局变量(未完)6.1 全局变量带来的问题6.1.1 命名冲突6.1.2 代码的脆弱性6.1.3 难以测试6.2 意外的全局变量6.3 单全局变量方式 第06章 避免使用全局变量(未完) “全局对象”是一个神秘的对象,它表示了脚本的最外层上下文。 在浏览器中,window对象往往重载并等同于全局变量,因此任何在全局作用域中声明的变量和函数都是window对象的属性,比如: var color = "red"; function sayColor() {原创 2020-11-13 13:17:04 · 97 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第05章 UI层的松耦合
编写可维护的JavaScript第05章 UI层的松耦合5.1 将JavaScript从CSS中抽离5.2 将CSS从JavaScript中抽离5.3 将JavaScript从HTML中抽离5.4 将HTML从JavaScript中抽离 第05章 UI层的松耦合 5.1 将JavaScript从CSS中抽离 不要是CSS表达式 即expression /*不好的写法*/ .box{width: expression(document.body.offsetWidth + "px");} 5.2 将CSS从原创 2020-11-13 13:11:28 · 100 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第04章 变量、函数和运算符
编写可维护的JavaScript第04章 变量、函数和运算符4.1 变量声明4.2 函数声明4.3 立即调用的函数 匿名函数4.4严格模式4.5 相等 第04章 变量、函数和运算符 4.1 变量声明 所有变量声明提前 将所有的var语句合并成一个,每个变量的初始化独占一行。赋值运算符对齐,没有赋值的变量放在末尾。注意每个变量之间用逗号“,”隔开,不能用分号 function movable(i,j){ // 我并不推荐这种写法 因为容易将末尾的逗号(,) 写成分号(;) // 这会导致原创 2020-11-13 12:54:24 · 107 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第03章 语句和表达式
编写可维护的JavaScript第03章 语句和表达式3.1 花括号的对齐方式3.2 块语句间隔3.3 switch语句3.3.1 缩进3.3.2 case语句的“连续执行”3.3.3 是否使用default3.4 for循环3.5 for-in循环 第03章 语句和表达式 所有的块语句都应当使用花括号 if for while do…while… try…catch…finally 3.1 花括号的对齐方式 推荐这种写法,左花括号放置在块语句的第一句代码末尾: if (condition) {原创 2020-11-13 12:07:49 · 81 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第02章 注释
编写可维护的JavaScript第02章 注释2.1 单行注释2.2 多行注释2.3 使用注释2.4 文档注释 第02章 注释 JavaScript支持两种不同类型的注释,单行注释和多行注释 2.1 单行注释 独占一行的注释,用来解释下一行代码。这行注释之前要有一个空行,且缩进层级和下一行的代码保持一致。 在代码行尾部的注释,代码结束到注释之间至少一个缩进。但该行的总长度不应该超过单行最大长度,如果超了,就将注释放到该行代码上方。 被注释掉的大段代码。这种情况不建议使用多行注释。 // 好的做法 注释前要有原创 2020-11-13 11:51:34 · 90 阅读 · 0 评论 -
【读书笔记】:《编写可维护的JavaScript》第01章 基本的格式化
编写可维护的JavaScript第一章 基本的格式化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 null1.7.4 undefined1.7.5 对象直接量1.7.6 数组直接量1.7.7 未初始化的变量和未定义的变量是两个不同概念。 第一章 基本的格式化 1.1缩进层级 缩进要统一 使用4个空格或一个Tap键(也要设置成4个空格大小)来进行缩进 1.2原创 2020-11-13 11:41:26 · 159 阅读 · 1 评论