【青训营】- 如何写好JS

简介: 【青训营】- 如何写好JS

这是我参与8月更文挑战的第18天,活动详情查看:8月更文挑战

写好JS的一些原则

各司其责

  • JavaScript:负责行为表现
  • CSS: 负责样式
  • HTML:负责结构

组件封装

组件是值web页面上抽离出来的一个个包含模板、功能和样式的单元,好的组件具备封装性

、正确性、拓展性、复用性。组件设计的原则:封装性、正确性、拓展性、复用性。

实现组件的步骤:

  • 结构设计
  • 展现效果
  • 行为设计

三次重构

  • 插件化
  • 模板化
  • 抽象化

过程抽象

  • 用来处理局部细节控制的一些方法。
  • 函数式编程思想的基础应用。

高阶函数

  • 以函数作为参数
  • 以函数作为返回值
  • 常用于作为函数装饰器

下面介绍一些常用的高阶函数

  • Once
  • Throttle
  • Debounce
  • Consumer
  • Iterative

写代码最应当关注的是什么?

  • 风格
  • 效率
  • 约定
  • 使用场景
  • 设计

下面介绍下我个人的心得体会,关于如何写好JS

1. 代码应该有清晰的结构

有了清晰的结构,方便我们后续的阅读和维护,假以时日再次阅读该代码也可以快速上手,如果没有清晰的结构,一旦代码量增大,则可能导致难以排查错误的情况。

2. 指定良好的编码规范

一个良好的代码不应该有下面的问题:

  • 重复代码
  • 命名不规范
  • 函数过长

3. 避免使用JS内置不合理语法

JS这门语言由于历史原因,存在一些不合理的语法(可能会造成预料之外的bug),例如全局变量、等于判断、eval的使用等。

4. 尽量简洁的JS代码

在实现一个功能的时候,写法往往有很多种,一万个人就有一万个哈姆雷特,但是越简洁的语法,越能激起人们阅读的兴趣,同时能够提高可读性。

相关文章
|
4月前
|
存储 缓存 自然语言处理
深入理解JS | 青训营笔记
深入理解JS | 青训营笔记
43 0
|
数据采集 缓存 负载均衡
【青训营】-🥝Node.js基础入门
【青训营】-🥝Node.js基础入门
173 3
【青训营】-🥝Node.js基础入门
|
监控 JavaScript 前端开发
Node.js入门 | 青训营
Node.js入门 | 青训营
132 0
Node.js入门 | 青训营
|
算法 JavaScript
【青训营】写好JS——保证正确
【青训营】写好JS——保证正确
100 0
【青训营】写好JS——保证正确
|
算法 JavaScript
【青训营】写好JS——学好算法
【青训营】写好JS——学好算法
91 0
【青训营】写好JS——学好算法
|
JavaScript 前端开发
【青训营】写好JS——做好抽象
【青训营】写好JS——做好抽象
143 0
【青训营】写好JS——做好抽象
|
JavaScript
【青训营】写好JS——写代码最应该关注什么?
【青训营】写好JS——写代码最应该关注什么?
121 0
【青训营】写好JS——写代码最应该关注什么?
|
JavaScript 测试技术
【青训营】写好JS——过程抽象
【青训营】写好JS——过程抽象
255 0
【青训营】写好JS——过程抽象
|
JavaScript 前端开发 API
【青训营】写好JS——组件封装(下)
【青训营】写好JS——组件封装(下)
278 0
【青训营】写好JS——组件封装(下)
|
JavaScript 前端开发 API
【青训营】写好JS——组件封装(上)
【青训营】写好JS——组件封装(上)
238 0
【青训营】写好JS——组件封装(上)