面向初学者的 Javascript 命名约定

介绍

不同的编程语言在声明变量，类或者文件名时可能会有不同的命名约定，例如python语言在声明变量是使用蛇形大小写，而JavaScript语言使用驼峰形大小写。如果你是javascript的初学者，这篇文章可以作为变量命名的指南！

在继续之前，可能需要了解以下几点：

• JavaScript 变量区分大小写。这意味着有一个名为firstName和firstname的变量名是两个不同的变量。

• 函数和方法的区别：函数是独立的，而方法属于一个类或对象。

• 不同的案例风格：

  Pascal 大小写（例如 FirstName）
  Camel 大小写（例如 firstName）
  Snake 大小写（例如 first_name）
  Kebab 大小写（例如 first-name）

变量

变量是用 JavaScript 编写程序时最常见的东西，它们是用camelCase编写的。

let firstName = "Juan"
let age = 18
let isWorking = true
let studentInfo = {
  firstName: "Juan"
}
let fruits = ["Orange", "Apple"]

布尔值

布尔值是可以存储在变量中的数据类型，它们也是用驼峰命名法编写的。添加关键字（例如is、are和has ） 来区分布尔变量是一种很好的做法。

let isEnabled = true
let hasName = false
let areAvailable = true

class

JavaScript 中的类使用 pascal case 命名约定。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

函数和方法

函数和方法也遵循驼峰式风格，但在命名它们时最好使用动词来指示它们的作用。

function getFullName() { 
  return "Juan Carlo"
}

// method
class Person {
  saySomething() { 
    console.log("Something") 
  }
}

常数

常量通常用大写字母书写，当你需要分隔单词时使用蛇形大小写。

const NAME = "Juan";
const FIRST_NAME = "Juan";
const FULL_NAME = {
  firstName: "Juan",
  lastName: "Carlo"
}

全局变量

全局变量通常使用大写来表示不可变变量和驼峰式可变变量。

const INITIAL_STATE = {
  isLoading: false,
  error: null
  items: []
}
const context = {}

可变对象是在创建后可以修改其状态的对象。

不可变对象是对象一旦创建，其状态就无法更改。

Mutable - MDN Web Docs Glossary：Web 相关术语的定义 | MDN可变是一种可以更改的变量。在 JavaScript 中，只有对象和数组是可变的，而不是原始值。developer.mozilla.org

文件名

虽然 JavaScript 中的其他命名约定主要使用驼峰式大小写，但在命名文件时建议使用蛇形大小写或 kebab 大小写。当你选择其中一种时，请记住在整个项目中保持一致。

main-file.js
home-page-component.js

结论

请记住，这些只是帮助你编写更清晰、更易读的代码的指南。在命名变量时，你仍然可以做任何你想做的事情，但建议坚持严格的编码风格，以便其他人可以更轻松地阅读你的代码。