使用最佳实践编写干净的 javascript。

使用最佳实践编写干净的 javascript。

什么是干净的代码?

干净的代码是一种以读者为中心的开发风格,可以生成易于编写、阅读和维护的软件。当应用程序按预期运行时,您可能会认为您的工作已完成。认识到您的代码不仅适用于计算机消费,而且适用于现实生活中的人类!关键是使代码更具可读性、可维护性和可预测性。

“始终编写代码,就好像最终维护您的代码的人将是一个知道您住在哪里的暴力精神病患者一样”

没有每个程序员都应该遵循的单一编码风格或一套严格的规则。鉴于现有编程语言、范式和个人风格的数量,这根本是不可能的。

以下是一些编写代码的简单方法,它们更通用,可以应用于很多上下文,并创建更易读、可维护和可预测的代码,社区已经接受的方式,独立于你正在使用的语言:

DRY:(不要重复你自己!)

这是一个旨在减少软件模式重复的原则,顾名思义,它只是意味着你应该尽量避免重复代码。相反,您应该尽可能重用您的代码。

“每条知识都必须在系统中具有单一的、明确的、权威的表示”。该原则由 安迪·亨特 戴夫·托马斯 在他们的书中 务实的程序员 .

亲吻:(保持简单,聪明)

是的,我知道你在想什么。

KISS的全部意义不就是—— 保持简单,愚蠢 ?
是的。但是,来吧,现在是 2022 年!是时候变得更聪明了

以下是可以改进代码的简单技术的简短列表。

1. 短路评估

上面的代码很常见,用if{…},else{…}很无聊,我们聪明点

两种代码的工作方式相同,但使用 ** &&, ||** 更加简洁和快速。

2.避免无聊的for循环

 常量数 = [1, 2, 3, 4, 5, 6]  
 for (让 i = 0; i < nums.length; i++) {  
 console.log(nums[i])  
 } // 打印 nums 数组的所有数字。

使用 .forEach() 方法 -

 nums.forEach(num => console.log(num))

我想我不必描述它,代码不言自明

3. 解构

重复的赋值变量很无聊,不是吗?通过使用解构,我们让它变得不那么无聊。

如果对象没有属性,我们可以分配一个默认值。

 const {firstName, lastName='Doe', age} = 人

现在,我们可以访问 具有默认值的变量 “母鹿” .

4.传播算子

 常量 arr1 = [4, 5, 6]  
 const arr2 = [1, 2, 3].concat(arr) 控制台日志(arr2)  
 // [1, 2, 3, 4, 5, 6]

const nums = [4, 5, 6, ...奇数]

这也适用于 目的 类型

 常量 obj1 = { a: 1, b: 2, c: 3}  
 常量 obj2 = { …obj1, d: 4 }  
 控制台日志(arr2)  
 // { a: 1, b: 2, c: 3, d: 4}

我们可以在任何地方使用扩展运算符(开始、结束、中间)

包起来

这些技巧可以帮助您构建更快、更连贯、更便携和更稳定的代码。但是,在编写代码时,没有 正确或错误的方式 要做到这一点,每个工程师都可能以不同的方式去做。其中一些做法可能值得商榷,但这取决于个人。

快乐编码‍

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/24620/53291009

posted @ 2022-09-10 09:54  哈哈哈来了啊啊啊  阅读(22)  评论(0编辑  收藏  举报