ES他の一般的な機能

モジュラー、クラス、約束にES6のほか、他のいくつかの一般的な機能があります。

1、聞かせて/ CONST

聞かせて変数を定義することですが、この変数は再割り当てすることができ、CONSTは定数を定義することで、この定数を再割り当てすることはできません

I = 10 LET; I = 100; // 正しい 
CONST = 20がJであり、J = 200; // 与えられました

2、複数行の文字列/テンプレート変数

// JSの
VARの名= 'zhangsan'、年齢= 20、htmlの= '' ; 
HTML = 'の<div>' 
HTML + = '<P>' +名+ '</ P>' ; 
HTML + = '<P>' +年齢+ '</ P>' ; 
HTML + = '</ DIV>' // ES6 
のconst名= 'zhangsan'、年齢= 20 ; 
constのHTML = `
　　の<div> 
　　　　<P> $ {名前} </ P> 
　　　　<P> $ {年齢} </ P> 
　　</ div> 
`;

防止特性引用は、$ {変数}を導入し、コードが読み取ら

3、解体の割り当て

// JS 
VAR OBJ = {：100、B：200 }
 のvar = A obj.a。
VaRの B = obj.b。


VAR ARR = [ 'XXX'、 'YYY'、 'ZZZ' ]。
VAR X = ARR [0 ]。


// ES6の 
CONST OBJ = {：10、B：20、C：30 }。
CONST {C} = OBJ。
console.log（A）。
console.log（C）; 


CONST ARR = [ 'XXX'、 'YYY'、 'ZZZ' ]。
CONST [X、Y、Z] = ARR。
console.log（X）。
console.log（Y）。
console.log（Z）。

図4に示すように、ブロックレベルのスコープ

JSないブロックレベルの範囲は、ピットを埋設します

// JSの
VAR OBJ = {200：100、B }
 のための（VARのアイテムにおけるOBJ）{ 
　　にconsole.log（アイテム）
} 
にconsole.log（項目）// B 


// ES6の 
CONST OBJ = {：100、B：200 }
 のための（項目せにおける{OBJ）に
　　はconsole.log（項目）。
} 
にconsole.log（アイテム）// 未定義

5、関数の引数のデフォルト値

// JS 
関数FN（a、b）は、{
　　もし、（B == NULL ）{ 
　　　　B = 0 。
　　} 
} 

// ES6の
関数 FN（B = 0 ）{ 
 
}

図6に示すように、矢印関数

// JSの
VAR ARR = [1、2、3、4、5 ]。
arr.map（関数（アイテム）{
　　戻り項目+ 1 ; 
}）


// ES6の 
CONST ARR = [1、2、3、4、5 ]。
arr.map（項目 =>項目+1 ）。



関数FN（）{ 
　　にconsole.log（ 、'実際の' 本）。// {100} 
　　VARの ARR = [1、2、3 ]。
　　arr.map（（） => { 
　　　　にconsole.log（この）; // {100} 
　　}）
　　arr.map（関数（）{
　　　　console.log（本）
　　}）
} 
fn.call（{： 100}）

おすすめ