JavaScript编码原则之各司其责|青训营笔记

58 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天

1.什么是好的JavaScript代码

好的JavaScript代码需要有几个特性:

  1. 可读性:在函数和方法、大段代码、复杂算法和hack上加上帮助理解的注释。
  2. 变量的函数的命名:变量最好用名词,函数最好以动词开头。有较好的语义和逻辑性。
  3. 变量类型透明:以合适的命名方式来帮助记忆变量的类型 。

2.JavaScript编码三大原则

  1. 以强类型语言的风格编写代码
  2. 减少不必要的范围查找
  3. 使用ES6特性简化代码

3.组件封装

组件是指Web页面上抽出来一个个包含模板(HTML)、功能(JS)和样式(CSS) 的单元。好的组件具备封装性、正确性、拓展性、复用性。

4.过程抽象概念

  • 用来处理局部细节控制
  • 过程抽象是函数思想的基础
  • 在想象过程抽象中,可以抽象成有一个房间,房间里面的门,窗,然后房间空间本身都是数据,但是开门或者开窗的开这个动作、行为就是过程,也就说我们不仅可以将门,窗,空间抽象成数据,开这个过程也是可以来作为抽象对象的。

5.高阶函数使用模式

  • 高阶函数允许我们创建自定义命名的函数,以使用来自一阶函数的共享模板代码执行专门的任务。
  • 这些函数中的每一个都可以继承未来在高阶函数中所做的任何改进。这有助于我们避免代码重复,并保持我们的源代码干净和可读。

6.JavaScript 编程范式

Javascript 是多范式语言,包括三大块:

  • 命令式 
  • 函数式  
  • 面向对象

7.left-pad 事件背后的代码规范

  1. 一个函数并不能被称为模块,函数本身太小了,不应该被做成一个模块并被别的项目引入。
  2. 我们应该尽可能减少依赖的模块,每个你依赖的模块都会引入其他的模块。