Eslint規則詳解

一、命名規範

1、文件名必須全部小寫，單詞之間使用短橫線連接，不得使用下劃線或駝峰式命名。

2、變量名必須以字母開頭，不得以數字或下劃線開頭，且不能使用JavaScript保留字。

3、常量名必須全部使用大寫字母，單詞之間使用下劃線連接。

//示例：
import myModule from './my-module'; //文件名使用短橫線連接
let myVar = 'some value'; //變量名以字母開頭，不使用下劃線
const MY_CONSTANT = 42; //常量名全部使用大寫字母，單詞使用下劃線連接

二、代碼風格

1、縮進必須使用2個空格，不得使用製表符。

2、代碼塊必須使用花括號，即使只有一行代碼。

3、行末不得含有空格。

//示例：
if (true) {
  console.log('Hello world!');
}

三、注釋規範

1、單行注釋必須在被注釋代碼的上方，與代碼間使用一個空格隔開。

2、多行注釋分為兩種，一種是塊級注釋，位於代碼塊頂部的注釋；另一種是行內注釋，注釋在代碼後面，與代碼間使用一個空格隔開。

3、注釋必須使用英文，避免使用中文。

//示例：
// 這是一個單行注釋
function myFunc() {
  // 這是一個行內注釋
  // 這是一個多行注釋
  // 內部使用字母或數字列表
}

四、變量聲明和賦值

1、變量必須使用const或let來聲明，不得使用var。

2、變量聲明必須放在作用域頂部。

3、連續的變量聲明要每個變量聲明一次，不能用逗號一起聲明。

4、對象屬性鍵名必須使用引號包裹起來，而且屬性和值之間必須有一個空格隔開。

//示例：
const myVar1 = 1;
let myVar2 = 2;

const obj = {
  'key1': 'value1',
  'key2': 'value2'
};

五、函數規範

1、函數的參數應該儘可能少。

2、函數中不應該有副作用，即能給定相同的參數，永遠返回相同的結果。

3、函數必須有返回值，除非函數返回undefined。

//示例：
function add(a, b) {
  return a + b;
}

const myFunc = () => {
  // do something
  return 'result';
};

六、其他規範

1、字符串必須使用單引號。

2、不得使用with語句。

3、不得使用eval函數。

//示例：
const str = 'Hello world';
const obj = {
  prop1: 'value1'
};

console.log(str);

以上是Eslint規則的一些詳細解釋，希望對你有所幫助。