前端必修课之JavaScript | 青训营笔记

92 阅读6分钟

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

JavaScript是一种脚本语言,用于网页开发。它允许网页开发人员在客户端执行脚本,以增强网页的交互性和动态性。JavaScript可以在浏览器中运行,也可以在服务器上运行(例如,使用Node.js)。 JavaScript是一种解释性语言,意味着代码在运行时被解释执行。

从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”?

在实际编码过程中,称之为“好代码”的 JavaScript 代码需要满足以下几个方面的要求:

  1. 可读性:好的代码应该易于阅读和理解,变量名、函数名、代码组织等都应该能够让他人快速理解代码的意图和实现。
  2. 可维护性:好的代码应该易于维护和修改,代码结构清晰,逻辑简单,便于调试和修改。
  3. 高效性:好的代码应该运行高效,不会导致性能问题,避免不必要的计算和内存占用
  4. 符合规范:好的代码应该符合规范,编码风格统一,遵循编码规范。
  5. 注释规范:好的代码应该有足够的注释,让人能快速理解代码的实现思路。
从 JS 出发,总结其他语言编码可遵循的共性原则?

除了 JS 之外的语言编码可遵循的共性原则包括:

  1. 清晰易懂的代码结构
  2. 注释规范
  3. 可维护性和可读性
  4. 遵循编码规范
  5. 性能优化

总之,好的代码是易于阅读、易于维护、高效运行且符合规范的代码。不仅在 JS 中适用,在其他编程语言中也是一样的。

JavaScript 编码的三大原则是什么?

JavaScript 编码的三大原则是指在编写 JavaScript 代码时应该遵循的基本准则,它们是:

  1. “各司其职”原则,即每个部分应该只负责其职责范围内的事情,使代码更加清晰、可维护、高效
  2. “单一职责”原则,即一个类或者函数应该只有一个原因引起变化,使得代码结构更加简洁易维护。
  3. “开放-封闭”原则,即软件实体应该是可扩展的而不可修改的。这样在需求变更时不需要修改已有代码,只需要扩展新的代码即可。
JavaScript 编码原则之一的“各司其职”原则:

“各司其职”原则是指在 JavaScript 编码过程中,每个部分应该只负责其职责范围内的事情。这样可以使代码更加清晰、可维护、高效。

它的实现可以通过以下几点:

  • 将不同的功能模块封装成独立的函数或对象,使得代码更加简洁易懂。
  • 分离视图和数据逻辑,让数据和视图分别负责自己的事情。
  • 使用第三方库或框架,避免重复造轮子
  • 使用变量、常量等名称准确表示变量的用途
  • 分离前端和后端的逻辑,使得前端只负责渲染视图,后端只负责处理数据请求。

总之,“各司其职”原则就是让每个部分只做自己该做的事情,避免重复和冗余的代码,使代码更加清晰、可维护、高效。这样可以使开发人员更容易理解和维护代码,提高代码的可读性和可维护性。

这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。

JavaScript 编码原则之一的“组件封装”原则:

“组件封装”原则是指在 JavaScript 编码过程中,将功能相对独立的部分封装成独立的组件,使得组件之间可以相互独立地工作。这样可以使代码更加清晰、可维护、高效。

组件封装的目的是使得一个功能独立于其他功能,使得组件之间可以相互独立地工作。这样可以使得组件之间的依赖关系变得更加明确,可以更加容易地进行单元测试和维护。

组件封装可以通过以下几点来实现:

  • 将一些功能封装在单独的函数或对象中,使得代码更加简洁易懂。
  • 提供接口给外部程序调用,隐藏组件内部的实现细节。
  • 将组件进行分层设计,使得组件之间的依赖关系变得更加明确。
  • 遵循单一职责原则,使得组件只负责一种特定的功能
  • 使用第三方库或框架组件,避免重复造轮子.

总之,组件封装原则就是将功能相对独立的部分封装成独立的组件,使得组件之间可以相互独立地工作,这样可以使代码更加清晰、可维护、高效。这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。

JavaScript 编码原则之一的“过程抽象”原则:

“过程抽象”原则是指在 JavaScript 编码过程中,将一系列操作进行抽象,使得代码更加清晰、可维护、高效。

过程抽象的目的是使得代码变得更加简洁易懂,提高代码的可读性和可维护性。

过程抽象可以通过以下几点来实现:

  • 将一系列操作封装在单独的函数或对象中
  • 将通用的操作抽象成函数或类,使得代码可重用
  • 使用第三方库或框架,避免重复造轮子
  • 分离前端和后端的逻辑,使得前端只负责渲染视图,后端只负责处理数据请求
  • 使用变量、常量等名称准确表示变量的用途

总之,过程抽象原则就是将一系列操作进行抽象,使得代码更加清晰、可维护、高效。这样可以使代码更易于理解和维护,并且使得代码可重用。这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。

left-pad 事件背后的代码规范给我的启示:

Left-pad 事件是指在 2016 年,一名开发者将一个名为 left-pad 的库从 npm 仓库中删除,这个库只有 11 行代码,但它是许多其他库的依赖,导致许多程序崩溃。

这个事件背后的代码规范是指,在 JavaScript 编码过程中应该注意依赖管理。尤其是对于小巧的库和工具函数来说,应该考虑它们是否真的需要单独提取成一个库,以及它们是否有足够的维护和支持。

此外,应该注意依赖的版本管理,并在项目中使用一些工具来监控和管理依赖。

最后,不要将所有的逻辑都依赖于一个库,应该保持代码的可重用性,如果一个库不可用或者不再维护了, 不应该导致程序崩溃。