JavaScript 编码原则之过程抽象 | 青训营笔记

80 阅读2分钟

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

一、本节课重点内容

我们在学习编程的过程中,一个核心的任务就是:编写可以完成任务的函数。

本节课通过由浅入深的过程案例讲解,向我们详细解读编码三大原则的“过程抽象”原则。

课程重点内容总结如下:

  1. 过程抽象概念
  2. 高阶函数使用模式
  3. JavaScript 编程范式

二、详细知识点介绍

过程抽象

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

image.png 高阶函数

Once: 为了能够让"只执行一次"的需求覆盖不同的事件处理,我们可以将这个需求剥离出来。

这个过程我们称为过程抽象。 image.png JS可以使用高阶函数进行过程抽象。

高阶函数 HOF:默认的等价函数

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

常用高阶函娄 HOF:

  • Once
  • Throttle
  • Debounce
  • Consumer/2
  • Iterative

操作次数限制:

  • 一些异步交互
  • 一次性的HTTP请求 命令式与声明式: image.png 总结:
  • 过程抽象/ HOF/装饰器
  • 命令式/声明式

三、总结

代码的抽象是将复杂的程序拆分成更小、更简单的部分,以便更好地理解、管理和维护。这样做的好处是,抽象的代码可以更容易地理解和维护,可以更快速地开发出更高质量的代码,而且可以在以后更容易地重用。

过程抽象是指将一个复杂的任务分解成一系列简单的步骤,然后将这些步骤封装在一个函数中,从而实现任务的自动化。 我们总结,过程抽象在 JavaScript 开发中的意义是:

  1. 可重用性: 通过将复杂的任务分解成一系列简单的步骤,可以将这些步骤封装在一个函数中,使得这些步骤可以多次重复使用,从而节省开发时间和精力。

  2. 可维护性: 将复杂的任务分解成一系列简单的步骤,可以将这些步骤封装在一个函数中,使得程序的维护变得更加容易,从而提高程序的可维护性。

  3. 可读性: 将复杂的任务分解成一系列简单的步骤,可以将这些步骤封装在一个函数中,使得程序的可读性变得更好,从而提高程序的可读性。