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

2022/9/11 1:24:32

本文主要是介绍使用最佳实践编写干净的 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



这篇关于使用最佳实践编写干净的 javascript。的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程