ECMAScript2015-ES6
ECMAScript6はJavaScriptの第二の主要なリビジョンでした。
ECMAScript6はES6およびECMAScript2015としても知られています。
この章では、ES6の最も重要な機能について説明します。,5ad79ce91″>
JavaScript let
The let
keyword allows you to declare a variable with block scope.,
例
//ここでxは10
{
let x=2;
//ここでxは2
}
//ここでxは10
自分で試してみてください”
let
章では、JavaScript Let。
JavaScript const
const
キーワードを使用すると、定数(定数値を持つJavaScript変数)を宣言できます。
定数はlet変数に似ていますが、値を変更できない点が異なります。,
例
//ここではxは10
{
const x=2;
//ここではxは2
}
//ここではxは10
自分で試してみてください”
const
章の詳細を読む:JavaScript Const。
矢印関数
矢印関数では、関数式を記述するための短い構文を使用できます。
function
キーワード、return
キーワード、および中括弧は必要ありません。,
例
var x=function(x,y){
return x*y;
}
//ES6
const x=(x,y)=>x*y;
自分で試してみてください”
矢印関数には独自のものはありませんthis
。オブジェクトメソッドの定義には適していません。
矢印関数は吊り上げられません。 それらは、使用する前に定義する必要があります。
const
を使用すると、関数式は常に定数値であるため、var
を使用するよりも安全です。,
return
キーワードと中括弧を省略できるのは、関数が単一のステートメントの場合のみです。 このため、常にそれらを保持するのが良い習慣かもしれません。
Example
自分で試してみてください”
矢印関数の詳細については、JavaScript矢印関数の章を参照してください。
For/Ofループ
JavaScriptfor/of
ステートメントは、反復可能なオブジェクトの値をループします。,
for/of
配列、文字列、マップ、ノードリストなど、反復可能なデータ構造をループできます。
for/of
ループの構文は次のとおりです。
//実行されるコードブロック
}
変数-反復ごとに、次のプロパティの値が変数に割り当てられます。 変数は、const
、let
、またはvar
で宣言できます。
iterable-反復可能なプロパティを持つオブジェクト。,
配列をループする
例
var x;
for(x of cars){
ドキュメント。write(x+”<br>”);
}
自分で試してみてください”
文字列をループ
例
var x;
for(x of txt){
ドキュメント。write(x+”<br>”);
}
自分で試してみてください”
章の詳細は、/In/OfのJavaScriptループを参照してください。,
JavaScriptクラス
JavaScriptクラスはJavaScriptオブジェクト用のテンプレートです。
クラスを作成するには、キーワードclass
を使用します。
常にconstructor()
という名前のメソッドを追加します。
構文
constructor(){。.. }
}
例
コンストラクタ(名前、年){
this.name =名前;
これ。year=year;
}
}
上記の例では、”Car”という名前のクラスを作成します。
このクラスには、”name”と”year”の二つの初期プロパティがあります。,
JavaScriptクラスはオブジェクトではありません。
これはJavaScriptオブジェクト用のテンプレートです。
クラスを使用する
クラスがある場合は、クラスを使用してオブジェクトを作成できます。
Example
let myCar2=new Car(“Audi”,2019);
自分で試してみてください”
クラスの詳細については、”JavaScriptクラス”の章を参照してください。
JavaScript Promises
Promiseは、”コードを生成する”と”コードを消費する”をリンクするJavaScriptオブジェクトです。,
“コードを生成する”には時間がかかり、”コードを消費する”には結果を待たなければなりません。
Promisesの詳細については、JavaScript Promisesの章を参照してください。
シンボル型
JavaScriptシンボルは、Number、String、Booleanと同様にプリミティブなデータ型です。
これは、他のコードが誤ってアクセスできない一意の”隠された”識別子を表します。
instace場合、違うコーダーを追加したいのです。idプロパティは人オブジェクトに属する第三者コード、その混合お互いの値です。,
Symbol()を使用して一意の識別子を作成すると、この問題が解決されます。
シンボルは常に一意です。
同じ説明を持つ二つのシンボルを作成すると、それらのシンボルの値は異なります。
デフォルトパラメータ値
ES6では、関数パラメータにデフォルト値を持たせることができます。
関数Restパラメータ
restパラメータ(。..)関数が不定数の引数を配列として扱うことを可能にします。
Example
let sum=0;
for(let arg of arg)sum+=arg;
return sum;
}
let x=sum(4, 9, 16, 25, 29, 100, 66, 77);
自分で試してみてください”
配列。find()
find()
メソッドは、テスト関数に合格した最初の配列要素の値を返します。
この例では、18より大きい最初の要素を見つけます(の値を返します)。
関数は3つの引数を取ることに注意してください。
- アイテム値
- アイテムインデックス
- 配列自体
配列。,findIndex()
findIndex()
メソッドは、テスト関数に合格した最初の配列要素のインデックスを返します。,
この例では、18より大きい最初の要素のインデックスを検索します。
関数は3つの引数を取ることに注意してください。
- アイテム値
- アイテムインデックス
- 配列自体
新しい数値プロパティ
ES6は、Numberオブジェクトに次のプロパティを追加しました。
EPSILON
MIN_SAFE_INTEGER
MAX_SAFE_INTEGER
例
自分で試してみてください”
例
自分で試してみてください”
例
自分で試してみてください”
新しいNumberメソッド
ES6は、Numberオブジェクトに2つの新しいメソッドを追加しました。
Number.isInteger()
Number.isSafeInteger()
数値。isinteger()メソッド
Number.isInteger()
メソッドは、引数が整数の場合、true
を返します。
例
数値。isInteger(10.,5);//falseを返します
自分で試してみてください”
番号。isSafeInteger()メソッド
安全な整数は、倍精度数として正確に表すことができる整数です。
Number.isSafeInteger()
メソッドは、引数が安全な整数の場合、true
を返します。安全な整数はすべて-(253-1)から+(253-1)までの整数です。
これは安全です:9007199254740991. これは安全ではありません:9007199254740992。,
New Global Methods
ES6 added 2 new global number methods:
isFinite()
isNaN()
The isFinite() Method
The global isFinite()
method returns false
if the argument is Infinity
or NaN
.,
それ以外の場合は、true
を返します:
例
isFinite(10/1);//trueを返します
自分で試してみてください”
isNaN()メソッド
グローバルisNaN()
メソッドは、引数がtrue
NaN
の場合、true
を返します。 それ以外の場合は、false
:
Example
自分で試してみてください”