ES6のためのいくつかの速記をまとめます

厳密とにかく、私は元のメソッドよりも意味を表現したい、短いと呼ばれることはないかもしれ言えば、書き込み何かにはるかに簡単です。私はあなたが理解することができます願っています。(ᖛ̫ᖛ)ʃ)


テンプレート文字列:簡素化文字列の連結

テンプレート文字列は`セクションを変化させると、定義された$ {xxxは}使用しています`含まれている必要があります以下の実施例があることが分かる嘆きと比べてはるかに短い文字列の戦い+。

var name = "sian";
var age = 18;
var gender = "女";
function print() {
	console.log(`姓名${this.name},年龄${this.age},性别${this.gender}`)
	console.log("姓名" + this.name + ",年龄" + this.age + ",性别" + this.gender);
}
print();

ここに画像を挿入説明

文言オブジェクトを簡素化

同じ名前を持つ属性が省略され、メソッドの機能が省略されている以下に示すように、書き込みが同じではありませんが、結果は同じです。
ここに画像を挿入説明

…残り

実際には少しのポイント、それを完全に横断。
ARR1次の出力は、アレイの出力が、それを通過するの出力値であるの出力... ARR1ますのみを出力値、です。
ここに画像を挿入説明
手段はどこ嘆きアレイスプライスであってもよいARR
ここに画像を挿入説明
残りパラメータ及び引数を
見ることができるように、送信パラメータの伝統的な方法であってもよいダミー配列に引数を渡されたパラメータを作るために使用されますしかし、の使用休止パラメータ渡し、それはパラメータ配列に直接であってもよいもちろん、残りのパラメータは、仮引数のアレイを形成するために使用することができます。
ここに画像を挿入説明
それが真と配列-配列を擬似なぜ、あなたはそれが我々がトラバースされる配列であることから、3の長さを示し、これらの二つで見ることができます。
ここに画像を挿入説明

解体変数の割り当て:割り当てを簡素化します

割り当ては、対応するブラケットを使用して、オブジェクトまたは配列に対応する必要があり、[]配列= {} =オブジェクト。
オブジェクトに割り当てられたときの目的は、そのような赤いボックスのように、同じ名前である必要があり{age,name} = obj、その後、特定の名前と年齢の特性を持っている必要がobjを。、順序があり逆にすることができることができます。しかし、本当ならば{a,n} = obj、その後、唯一の出力は不定。
このパラメータは、割り当てるために使用することができます。
ここに画像を挿入説明

デフォルトパラメータ

デフォルトのパラメータ値:パラメータのデフォルト値で渡されるデフォルト引数を使用していません。コンストラクタは、他の言語の数として理解することができます。あなたが渡されたパラメータの使用に関するパラメータを渡す場合に合格しない場合、パラメータは、独自のデフォルト値を使用します。
ここに画像を挿入説明

アロー機能

函数名 = () => {函数体}

  • パラメータまたはパラメータを書き込み()への一定時間よりも大きくない場合、唯一のパラメーターは書き込むことができません
    ここに画像を挿入説明
  • 戻り値が必要な場合は、関数本体が複数のステートメントは、必要に応じていた}、そして彼自身の手書き{を返します。関数本体ではなく、中括弧、デフォルトで返された結果ができる唯一の文です。
    ここに画像を挿入説明

使用シナリオ:マルチ定義のコールバック関数がために使用される
フォーカスを描く:これは矢印の関数ではないが、意思決定を呼び出したときに矢印機能は、これを所有していませんが、このオブジェクトで定義されているときにある
通常の関数、誰がこれをコールしますそれは誰を指しています。
ここに画像を挿入説明
外側の層の機能があるかどうかを確認するには、矢印のこの機能は、

  • 存在する場合、これは、この外側の関数の内部の矢印の関数であり、
  • いない場合、これはウィンドウです。

以下の3つの例は次のとおりです。
図1

  • 直接関数fun、このウィンドウの楽しいポイント矢印関数を定義し、
  • オブジェクトobjの方法として、楽しい、楽しい、ウィンドウには、このまだポイントです
  • 両方の楽しさでは外部には機能しなかった取得、機能の取得を定義し、それはまだウィンドウを指し
    ここに画像を挿入説明

図2

  • 楽しい、楽しいポインタ矢印関数の外のウィンドウに定義されました
  • 楽しみがまだ楽しい尖ったウィンドウので、外部で定義されているので楽しみでデモ機能のメソッド呼び出しとして、
  • デモ機能は、矢印関数GET内で定義されて、そのためにも楽しいポインタがobj指し、同じデモ、デモのコールオブジェクトobj、OBJへのデモのポインタへのポインタを取得し、外側の関数は楽しいです取得します。
    ここに画像を挿入説明

図3

  • DEMO1機能と矢印DEMO2方法の正常な機能はOBJです
  • 矢印関数は、外側DEMO1機能をget1正常な機能であり、このポインタDEMO1は、オブジェクトの呼び出しによってそのようOBJ DEMO1点を決定し、このポインタは、このポインタはまた、OBJ get1を指すように、同一の機能及び外層をget1
  • 矢印関数は関数は、外側DEMO2機能矢印get2であり、このポインタDEMO2は、その外側の関数によって決定ではなく、外側のDEMO2機能、従って窓を指し、このポインタは、同一の機能および外層をget2、これはそうget2ありますポイントウィンドウ
    ここに画像を挿入説明
公開された131元の記事 ウォンの賞賛451 ビュー540 000 +

おすすめ

転載: blog.csdn.net/qq_36667170/article/details/105033708