[Javascript]JavaScriptエンコーディング会議

コード会議코딩 컨벤션は私のコードで、他の人に私のコードのルールを表示して説明させるために使用されます.코딩 컨벤션を制定したのは、誰もが独自のコードスタイルを持っているからだ.以下はJavaScriptがif文を使用する3つの方法です.

if() {
	return;
}

if()
{
	return;
}

if() return;

このように、可読性と保守性を向上させるために、各人がそれぞれの符号化スタイルを統一し、予め定められた符号化ルールを코딩 컨벤션と呼ぶ.
JavaScriptのエンコーディング会議は、会社やチームによって異なりますので、共通のエンコーディング会議を持ってご紹介します.だから私が紹介した大会は定型ではありません
ソースファイル

ソースファイル名は、アルファベット小文字、ハイフネーション-、参照欄_のみから構成されます.

ソースファイルの拡張子は.jsに統一されています.

ソースファイルの符号化にはUTF-8が用いられる.

1行に1つのコマンドのみを作成

1行の文字数は80文字を超えない.

ファイルの末尾が開きます.

セミコロン;は必須言語ではありませんが、貼り付けが必要です.

空白

インデントはタブではなく2つのスペースを使用します

スペースとタブは混在しません.

カンマ,とセミコロン;にスペースを追加します.

関数またはオブジェクトが定義されたブロックの前後に空白行を付ける.

複数の空白行を連続的に使用しない

語句
命名規則

大文字と小文字を厳密に区別

変数名および関数名はCamelCaseに従う.(例えばgetReady()、colorOfCar)

定数名は大文字언더 스코어方式を採用している.(例えば、PI、MAX VERTEX)

ジェネレータおよびクラス名はPascalCaseに従う.(例えば、Student、MyClass)

privateメンバーはunderbar_で始まります.(はい、id、name)

イベントハンドル関数はonで始まる.(例えば、onClick、onMove)

ネーミングは略語よりも意味が分かりやすい.

//변수와 함수명
const PI = 3.14;
let number = 2;

let getSquare = (number) => {
  return number * number;
};


//클래스 명명과 프라이빗 멤버
class StudentInfo {
  let _name;
  let _id;
 
  constructor(name, id) {
    this._name = name;
    this._id = id;
  }
}

大かっこブロック{}

ブロックは開くまで開かない.

カッコは閉じる前に開きます.

if ()	//나쁜 작성
{
}

if () {	//나쁜 작성
  callFunction(); }
  
if () {	//좋은 작성
  callFunction();
}

コントロールゲート

制御文のキーワードの後にスペースを追加し、カッコを使用します

かっこは、すべての制御文で使用する必要があるコマンドの行です.

ただし、if構文が1行のコマンドしかない場合は、同じ行にコマンドを作成して括弧を省略できます

条件文はできるだけ簡単です.

for (let i=0; i<3; i++) callFunction();	//나쁜 작성


for (let i=0; i<3; i++) {	//종은 작성
  callFunction();
}

//단, if문은 다음과 같은 작성을 허용
if () callFunction();

//조건부는 쓸데없이 길어지지 않도록 한다.
if (foo === true)  //나쁜 작성
if (foo)  //좋은 작성

へんすう

変数宣言はvarの代わりにlet,constを使用します.

1回の宣言で1つの変数のみが宣言されます.

文字列は、二重引用符"ではなく、単一引用符'を使用します.

var num1;  //var 선언은 지양할 것. 블록 스코프와 관련한 문제가 있습니다.
let num2;
const num3;

let a, b;  //한 번에 여러개의 선언보단,
let c;
let d;  //나눠서 이용하기

//문자열은 작은 따옴표 이용하기
let str = "문자열입니다.";
let str = '문자열입니다.';

その他の構文

==ではなく!=、===を使用します.

数字は2/8/10/16進数のみで、2進数b/8進数のO/16進数のx以降はゼロは不要です.

文字列はeval()関数を使用しません.

return文に不要な変数宣言.

if (a==b)  //나쁜 작성
if (a===b)  //좋은 작성


//나쁜 작성
function() {
  let result;
  
  result = 1+1;
  
  return result;
}

//좋은 작성
function() {
  return 1+1;
}

リファレンス

Googleコードスタイルガイド

MDN JavaScriptコードガイド

非符号化および非符号化スタイルガイド