ホームページ  >  記事  >  ウェブフロントエンド  >  実践的、JS開発におけるES6のコード仕様の書き方をまとめました。

実践的、JS開発におけるES6のコード仕様の書き方をまとめました。

php是最好的语言
php是最好的语言オリジナル
2018-07-30 09:50:152299ブラウズ

ES6 コードの標準的な書き方が整理されており、引用符の使用、一重引用符 ' ' が優先されます (ネストされた引用符でない場合は、二重引用符を使用しないでください)、スペースの使用: (キーワードの後、記号の後、写植、機能割り当て記号 =) など。

1. 引用符を使用する場合は、単一引用符 ' ' が優先されます (ネストされた引用符でない場合は、二重引用符を使用しないでください)

通常の状況: console.log('hello there') 二重引用符のトランスコーディング: $("

")

2. スペースの使用に関する問題: (キーワード記号の後、植字関数割り当て記号 = ) など

関数括弧: function hello (名前) {} (パラメータ) を参照「括弧の外側の左右」( )にはスペースがあり、「括弧内の名前の周囲の左右」にはスペースはありません

b キーワードの後に​​はスペースが必要です: if (条件) { ... } if と () の間にはスペースが必要です

c 代入記号 = 両側にスペースが必要です: var 間の + 記号は左右にスペースが必要です

e カンマ, do前にスペースを残さず、後にスペースを残します: var list = [1, 2, 3, 4] functiongreet (name, options) { ... } カンマの前 末尾にはスペースを残さないでください

3 . 同じ行と異なる行の問題: if () {} else {}: } else { は 1 行にする必要があります //

} else {

///

}

4.変数が定義され、それ以降操作に関与していない場合、この変数は定義しないでください。

5. == の代わりに === を使用します。比較する場合、== にはもう 1 ステップのデータ変換が必要ですが、if (a!=undefiend) {} 条件では、a!=undefiend にも!= =undefiend と a!==null (null == 未定義) の二重の意味

6. window のプロパティとメソッドに window を追加するのが通例ですが、window を追加する必要のない例外がいくつかあります。 : ドキュメント、コンソール、ナビゲーター。 例: window.alert('hi')

7. 同じ連結メソッドは非常に長く、js の三項演算子、jq の連結などが必要です

var location = env.development ? 'localhost' : 'www.api.com' 一行で書く

var location = env.development

('.led')

.data(data)

.enter().append('svg:svg' )

.class('led', true)

.attr('width', (半径 + マージン) * 2)

.append('svg:g')

.attr('transform', 'translate(' + (半径 + マージン) + ',' + (半径 + マージン) + ')')

.call(tron .led);

8. 注釈の問題: 前の行との間に空白行が必要です。 'Thevers console.log(value)

multi-lineコメントはここにあります。 /**

* make() は新しい要素を返します * 渡されたタグ名に基づいて *

* @param タグ

* @return 要素
  */


9. 質問の開始: ( [ ` で始めないでください、先頭の前に ; を追加してください


;(function () {window.alert('ok')}() )

;[1, 2, 3].forEach(bar )

;`hello`.indexOf('o')

10. オブジェクトと配列の作成の問題: var item = {}; new Object() メソッドを使用しないでください。 Array: var arr = []

11. 80 文字を超える文字列接続の問題:

var errorMessage = 'これは、' +

バットマンのせいでスローされたという超長いエラーです。どこにもありません ' +

'fast.';

ループまたは複数行の文字列を結合メソッドで構築しています

関数 inbox(messages) {

items = [];

for(i = 0; i

items[i] =messages[i].message;

}

return'

  • '+ items.join() + ;

    }

    12。Right Numbers は parseInt を使用し、常に型変換のベースをもたらします。var val = parseInt(inputValue,

    10

    );

    13、ブール値の変換はブール値を使用します。 () または!! var var hasAge = Boolean(age); var hasAge = !!age;

    14. 名前付けの問題: プライベート プロパティに名前を付ける場合は、先頭にアンダースコアを追加します。 例: コンストラクター内では this._firstName = 'Panda'; var _firstName = firstName; b js変数を区別するために使用するjq変数名$を追加します

    関連記事:

    commonJSとes6の仕様の紹介とエクスポート

    日常のjs開発仕様

    関連ビデオ:

    Javascript - ES6 実践ビデオコース - 無料のオンラインビデオチュートリアル

    以上が実践的、JS開発におけるES6のコード仕様の書き方をまとめました。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。