![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
编写可维护的JavaScript
文章平均质量分 82
编写可维护的 JavaScript 相关
forwardNow
持续学习
展开
-
《编写可维护的 JavaScript》自动化 - 第 13 章 文件和目录结构
自动化 - 第 13 章. 文件和目录结构《编写可维护的 JavaScript》—— Nicholas C. Zakas我相当乐意花一整天的时间通过编程把一个任务实现自动化,除非这个任务手动只需要 10 秒钟就能完成。——Douglas Adams在 2000 年之前,Web 开发者把它们包含注释的源代码原封不动地直接部署到服务器的现象很普遍,这种本地和服务器文件完全一致的镜像方式可以方便我们迅速地改动代码。此外,这也导致了“查看源代码”时代的到来,许多 Web 开发者都会把查看其它网站的原创 2021-07-10 07:45:31 · 220 阅读 · 0 评论 -
《编写可维护的 JavaScript》编程实践 - 第 12 章 浏览器嗅探
编程实践 - 第 12 章 浏览器嗅探《编写可维护的 JavaScript》—— Nicholas C. Zakas浏览器嗅探在 Web 开发领域始终是个热点话题。自从网景浏览器介入以后,这场争论就开始了。几年后,JavaScript 的浏览器嗅探技术也应运而生,网景 2.0 使用率远超任何其他浏览器,迫使其他浏览器也要在用户代理(User Agent)字符串中包含网景 的信息部分信息,以绕过这种形式的浏览器嗅探。1. User-Agent 检测最早的浏览器嗅探即用户代理(user-agent原创 2021-07-09 21:45:18 · 223 阅读 · 0 评论 -
《编写可维护的 JavaScript》编程实践 - 第 11 章 不是你的对象不要动
编程实践 - 第 11 章 不是你的对象不要动《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 的特殊之处在于任何东西都是可修改的。默认情况下,你可以修改任何你能访问到的对象,解析器根本不在乎这些对象是开发者定义的还是默认执行环境的一部分。在一个开发者独自开发的项目中,这不是问题,开发者确切地知道正在修改什么,因为他对所有代码了如指掌;然而,在一个多人开发的项目中,对象的任意修改就是大问题。1. 什么是你的你创建(或维护)的对象,才是你拥有原创 2021-07-08 19:19:16 · 242 阅读 · 0 评论 -
《编写可维护的 JavaScript》编程实践 - 第 10 章 抛出自定义错误
编程实践 - 第 10 章 抛出自定义错误《编写可维护的 JavaScript》—— Nicholas C. Zakas在 JavaScript 中抛出错误是一门艺术,明白代码中哪些地方合适抛出错误是需要时间的。一旦搞明白这一点,调试代码的时间将大大缩段。1. 错误的本质当某些非期望的事情发生时,程序就引发一个错误,也许是给函数传递了不正确的值,或者数学运算碰到了一个无效的操作数。编程语言定义了一组基本的规则,当偏离了这些规则时将导致错误,然后开发者能修复错误。如果错误没有被抛出或者报告原创 2021-07-07 06:42:44 · 281 阅读 · 3 评论 -
《编写可维护的 JavaScript》编程实践 - 第 9 章 分离可配置的数据
编程实践 - 第 9 章 分离可配置的数据《编写可维护的 JavaScript》—— Nicholas C. Zakas代码无非是定义一些指令的集合,让计算机来执行。我们将数据传入计算机,由指令对数据进行操作,并最终产生一个结果。当要修改数据时,则可能产生问题,任何时候你修改源代码都会可能引入 bug。有时就算修改数据的值也会带来风险,而数据是不应当影响指令的正常运行的。精心设计的应用应当将关键数据从主要的源代码中抽离出来,这样就可以更加放心地修改源代码了。1. 什么是配置数据配置数据是原创 2021-07-06 06:45:35 · 274 阅读 · 1 评论 -
《编写可维护的 JavaScript》编程实践 - 第 8 章 避免“空比较”
编程实践 - 第 8 章 避免“空比较”《编写可维护的 JavaScript》—— Nicholas C. Zakas在 JavaScript 中,我们常常会看到这种代码:变量与 null 的比较(这种用法很有问题),用来判断变量是否被赋予了一个合理的值。比如:var Controller = { process: function(items) { if (items !== null) { // 不好的写法 items.sort(); items.forEa原创 2021-07-05 06:58:00 · 191 阅读 · 0 评论 -
《编写可维护的 JavaScript》编程实践 - 第 7 章 事件处理
编程实践 - 第 7 章 事件处理《编写可维护的 JavaScript》—— Nicholas C. Zakas在所有 JavaScript 应用中事件处理都非常重要。所有的 JavaScript 均通过事件绑定到 UI 上,所以大多数前端工程师需要花费很多时间来编写和修改事件处理程序。遗憾的是,在 JavaScript 诞生之初,这部分内容并未受到太多重视。甚至当开发者们开始热衷于将传统的软件架构概念融入到 JavaScript 里时,事件绑定仍然没有收到多大重视。大多数事件处理相关的代码原创 2021-07-04 21:10:57 · 234 阅读 · 3 评论 -
《编写可维护的 JavaScript》编程实践 - 第 6 章 避免使用全局变量
编程实践 - 第 6 章 避免使用全局变量《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 执行环境在很多方面都有其独特之处。全局变量和函数的使用便是其中之一。JavaScript 的初始执行环境是由多种多样的全局变量所定义的,这些全局变量在脚本环境创建之初就已经存在了。我们说这些都是挂载在“全局对象”(global object)上的,“全局对象”是一个神秘的对象,它表示了脚本的最外层上下文。在浏览器中,window 对象往往重载并代理了全局原创 2021-07-04 11:44:01 · 241 阅读 · 1 评论 -
《编写可维护的 JavaScript》编程实践 - 第 5 章 UI层的松耦合
编程实践 - 第 5 章 UI层的松耦合《编写可维护的 JavaScript》—— Nicholas C. Zakas在 Web 开发中,用户界面(User Interface,UI)是由三个彼此隔离又相互作用的层定义的。HTML 定义页面的数据CSS 给页面添加样式,创建视觉特征JavaScript 给页面添加行为,使之更具交互性三者之间的关系(Web UI 分层) |------------------------| | CSS | JavaScript |原创 2021-07-03 22:39:52 · 233 阅读 · 5 评论 -
《编写可维护的 JavaScript》编程风格 - 第 4 章 变量、函数、运算符
编程风格 - 第 4 章 变量、函数、运算符《编写可维护的 JavaScript》—— Nicholas C. ZakasJavaScript 编程的本质是编写一个个函数来完成任务。在函数内部,变量和运算符可以通过移动、操作字节来使某件事发生。关注如何使用函数、变量、运算符来减少复杂度和增强可读性就显得十分重要。1. 变量声明用 var 声明的变量会提前到函数顶部。变量声明提前意味着:在函数内部任意地方定义变量和在函数顶部定义变量是完全一样的。建议将所有的局部变量的定义作为函数内第一条语原创 2021-07-03 08:52:59 · 220 阅读 · 0 评论 -
《编写可维护的 JavaScript》编程风格 - 第 3 章 语句和表达式
编程风格 - 第 3 章 语句和表达式《编写可维护的 JavaScript》—— Nicholas C. Zakas所有的块语句(block statement)都应当使用花括号,包括:ifforwhiledo…while…try…catch…finally省略花括号会造成一些困惑,如下if (condition) doSomething(); doSomethingElse();这段代码很难看出作者的真正意图:是缩进错误,还是丢失了花括号?如果添加了花括号,就能很容原创 2021-07-02 23:27:27 · 239 阅读 · 3 评论 -
《编写可维护的 JavaScript》编程风格 - 第 2 章 注释
编程风格 - 第 2 章 注释《编写可维护的 JavaScript》—— Nicholas C. Zakas打开一个没有任何注释的文件就好像趣味冒险,但如果给你的时间有限,这项任务就变成了折磨。适度的添加注释可以解释说明代码的来龙去脉,其他开发者就可以不用从头开始读代码,而是直接去读代码的任意部分。编程风格通常不会包含对注释的风格约定,但我认为从注释的作用即可看出它们的重要性不容忽视。JavaScript 支持两种注释:单行注释 和 多行注释。1. 单行注释单行注释以双斜线开始,以行尾结束原创 2021-07-01 20:40:16 · 224 阅读 · 1 评论 -
《编写可维护的 JavaScript》编程风格 - 第 1 章 基本的格式化
编程风格 - 第 1 章 基本的格式化《编写可维护的 JavaScript》—— Nicholas C. Zakas编程风格指南的核心是基本的格式化规则(formatting rule)。这些规则直接决定了如何编写高水准的代码。与写字时所用的方格纸类似。1. 缩进层级两种缩进方式:制表符(tab character)好处一个制表符一个缩进层级,一对一的关系文本编辑器可以配置制表符的展现长度坏处系统对制表符的解释不一致,有的长有的短空格:每个缩进层级由多原创 2021-06-30 21:54:28 · 269 阅读 · 1 评论 -
《编写可维护的 JavaScript》第一部分 编程风格
第一部分 编程风格《编写可维护的 JavaScript》—— Nicholas C. Zakas程序是写给人读的,只是偶尔让计算机执行以下。编程嗜好:每个人的背景不同,会有自己的一套编程习惯,都觉得代码应该按照自己的想法来写,这称为编程嗜好。编程风格:编程风格(style guideline)是编码规范(code convention)的一部分,用来规范单文件中代码的规划。编码规范包括:编程最佳实践、文件和目录的规划、注释等方面。为什么要讨论编程风格问题:一旦风格确定后,这套编程风格就原创 2021-06-29 20:04:27 · 246 阅读 · 0 评论