这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
JavaScript是一种脚本语言,用于网页开发。它允许网页开发人员在客户端执行脚本,以增强网页的交互性和动态性。JavaScript可以在浏览器中运行,也可以在服务器上运行(例如,使用Node.js)。 JavaScript是一种解释性语言,意味着代码在运行时被解释执行。
从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”?
在实际编码过程中,称之为“好代码”的 JavaScript 代码需要满足以下几个方面的要求:
- 可读性:好的代码应该易于阅读和理解,变量名、函数名、代码组织等都应该能够让他人快速理解代码的意图和实现。
- 可维护性:好的代码应该易于维护和修改,代码结构清晰,逻辑简单,便于调试和修改。
- 高效性:好的代码应该运行高效,不会导致性能问题,避免不必要的计算和内存占用
- 符合规范:好的代码应该符合规范,编码风格统一,遵循编码规范。
- 注释规范:好的代码应该有足够的注释,让人能快速理解代码的实现思路。
从 JS 出发,总结其他语言编码可遵循的共性原则?
除了 JS 之外的语言编码可遵循的共性原则包括:
- 清晰易懂的代码结构
- 注释规范
- 可维护性和可读性
- 遵循编码规范
- 性能优化
总之,好的代码是易于阅读、易于维护、高效运行且符合规范的代码。不仅在 JS 中适用,在其他编程语言中也是一样的。
JavaScript 编码的三大原则是什么?
JavaScript 编码的三大原则是指在编写 JavaScript 代码时应该遵循的基本准则,它们是:
- “各司其职”原则,即每个部分应该只负责其职责范围内的事情,使代码更加清晰、可维护、高效
- “单一职责”原则,即一个类或者函数应该只有一个原因引起变化,使得代码结构更加简洁易维护。
- “开放-封闭”原则,即软件实体应该是可扩展的而不可修改的。这样在需求变更时不需要修改已有代码,只需要扩展新的代码即可。
JavaScript 编码原则之一的“各司其职”原则:
“各司其职”原则是指在 JavaScript 编码过程中,每个部分应该只负责其职责范围内的事情。这样可以使代码更加清晰、可维护、高效。
它的实现可以通过以下几点:
- 将不同的功能模块封装成独立的函数或对象,使得代码更加简洁易懂。
- 分离视图和数据逻辑,让数据和视图分别负责自己的事情。
- 使用第三方库或框架,避免重复造轮子
- 使用变量、常量等名称准确表示变量的用途
- 分离前端和后端的逻辑,使得前端只负责渲染视图,后端只负责处理数据请求。
总之,“各司其职”原则就是让每个部分只做自己该做的事情,避免重复和冗余的代码,使代码更加清晰、可维护、高效。这样可以使开发人员更容易理解和维护代码,提高代码的可读性和可维护性。
这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。
JavaScript 编码原则之一的“组件封装”原则:
“组件封装”原则是指在 JavaScript 编码过程中,将功能相对独立的部分封装成独立的组件,使得组件之间可以相互独立地工作。这样可以使代码更加清晰、可维护、高效。
组件封装的目的是使得一个功能独立于其他功能,使得组件之间可以相互独立地工作。这样可以使得组件之间的依赖关系变得更加明确,可以更加容易地进行单元测试和维护。
组件封装可以通过以下几点来实现:
- 将一些功能封装在单独的函数或对象中,使得代码更加简洁易懂。
- 提供接口给外部程序调用,隐藏组件内部的实现细节。
- 将组件进行分层设计,使得组件之间的依赖关系变得更加明确。
- 遵循单一职责原则,使得组件只负责一种特定的功能
- 使用第三方库或框架组件,避免重复造轮子.
总之,组件封装原则就是将功能相对独立的部分封装成独立的组件,使得组件之间可以相互独立地工作,这样可以使代码更加清晰、可维护、高效。这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。
JavaScript 编码原则之一的“过程抽象”原则:
“过程抽象”原则是指在 JavaScript 编码过程中,将一系列操作进行抽象,使得代码更加清晰、可维护、高效。
过程抽象的目的是使得代码变得更加简洁易懂,提高代码的可读性和可维护性。
过程抽象可以通过以下几点来实现:
- 将一系列操作封装在单独的函数或对象中
- 将通用的操作抽象成函数或类,使得代码可重用
- 使用第三方库或框架,避免重复造轮子
- 分离前端和后端的逻辑,使得前端只负责渲染视图,后端只负责处理数据请求
- 使用变量、常量等名称准确表示变量的用途
总之,过程抽象原则就是将一系列操作进行抽象,使得代码更加清晰、可维护、高效。这样可以使代码更易于理解和维护,并且使得代码可重用。这样编写的代码,不仅便于维护和扩展,而且能更容易地找到和修复 bugs,提高开发效率。
left-pad 事件背后的代码规范给我的启示:
Left-pad 事件是指在 2016 年,一名开发者将一个名为 left-pad 的库从 npm 仓库中删除,这个库只有 11 行代码,但它是许多其他库的依赖,导致许多程序崩溃。
这个事件背后的代码规范是指,在 JavaScript 编码过程中应该注意依赖管理。尤其是对于小巧的库和工具函数来说,应该考虑它们是否真的需要单独提取成一个库,以及它们是否有足够的维护和支持。
此外,应该注意依赖的版本管理,并在项目中使用一些工具来监控和管理依赖。
最后,不要将所有的逻辑都依赖于一个库,应该保持代码的可重用性,如果一个库不可用或者不再维护了, 不应该导致程序崩溃。