编写 JavaScript 时应牢记以下事项

大家好👋

大家好，我是SnowBit。我是一位年轻热情、自学成才的前端 Web 开发者，立志成为一名成功的开发者。

今天，我在这里介绍一些在编写 JavaScript 代码时应该牢记的重要事项。

祝您阅读愉快！

编写干净的代码并不意味着代码能够正常工作，而在于代码的可读性、可重用性和可被其他开发人员重构。实际上，你不是为自己编写代码，而是为其他开发人员编写代码，他们可以轻松阅读你的代码，理解你的代码，而无需在编辑或为项目做出贡献时遇到任何麻烦。

在本文中，我将重点介绍为什么以及如何编写干净的代码。

驼峰式命名法

驼峰式命名法是一种不使用空格或标点符号的短语书写方式，即用单个大写字母分隔单词，并且第一个单词以任意大小写字母开头。

来源：维基百科

// Don't do this ❌
const isadmin = true

// Do this ✅
const isAdmin = true

有意义的变量名

在给变量命名时，不要使用不相关或无意义的名称；应该根据变量的作用为其提供适当的名称。

// Don't do this ❌
const foo = ["cars", "boats", "planes"]

// Do this ✅
const vehicles = ["cars", "boats", "planes"]

布尔值

将布尔值赋给变量时，变量名必须采用疑问语气。

您应该以疑问语气命名布尔变量的原因是，在少量代码中很容易找到变量的类型，但如果您想检查该变量的类型，那么找到该变量类型并为其分配新值就会非常耗时。

// Don't do this ❌
let sunday = true

// Do this ✅
let isSunday = true

在这里，您可以清楚地确定变量的类型 -isSunday正如您所问的Is it Sunday?，答案是肯定（真）或否定（假），但对于变量，sunday如果不查看，您就无法确定该变量的类型，这里sunday可以是任何东西 -我喜欢星期天或我星期天打板球。

const isAdmin = true
const hasSubscribed = true
const hasTwitchLinked = false

避免额外和不必要的上下文

当上下文由对象或类提供时，不要向变量名添加不需要的信息

// Don't do this ❌
const user = {
   userName: "SnowBit",
   userAge: 15,
   isUserAdmin: true
}

// Do this ✅
const user = {
   name: "SnowBit",
   age: 15,
   isAdmin: true
}

避免使用硬编码值

最好使用有意义的变量来存储常量值，而不是硬编码的值。全局常量最好使用大写蛇形命名法（UPPER_SNAKE_CASE）

// Don't do this ❌
const areaOfCircle = 3.14 * (4)^2

// Do this ✅
const RADIUS_OF_CIRCLE = 4
const areaOfCircle = 3.14 * (RADIUS_OF_CIRCLE)^2

所以，以上就是我想与大家分享的一些重要技巧，希望大家喜欢这篇文章。我很快就会发布这篇文章的第二部分，所以别忘了关注我。

感谢您的阅读，祝您有美好的一天！
您的赞赏就是我的动力😊

• 在 Twitter 上关注我 - @codewithsnowbit
• 在 YouTube 上订阅我 -使用 SnowBit 编写代码