ECMAScript2015-ES6

0 Comments

ECMAScript6はJavaScriptの第二の主要なリビジョンでした。

ECMAScript6はES6およびECMAScript2015としても知られています。

この章では、ES6の最も重要な機能について説明します。,5ad79ce91″>

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55 Jan 2017 Aug 2016 Mar 2017 Jul 2016 Aug 2018

JavaScript let

The let keyword allows you to declare a variable with block scope.,

var x=10;
//ここでxは10
{
let x=2;
//ここでxは2
}
//ここでxは10

自分で試してみてください”

let章では、JavaScript Let。

JavaScript const

constキーワードを使用すると、定数(定数値を持つJavaScript変数)を宣言できます。

定数はlet変数に似ていますが、値を変更できない点が異なります。,

var x=10;
//ここではxは10
{
const x=2;
//ここではxは2
}
//ここではxは10

自分で試してみてください”

const章の詳細を読む:JavaScript Const。

矢印関数

矢印関数では、関数式を記述するための短い構文を使用できます。

functionキーワード、returnキーワード、および中括弧は必要ありません。,

//ES5
var x=function(x,y){
return x*y;
}
//ES6
const x=(x,y)=>x*y;

自分で試してみてください”

矢印関数には独自のものはありませんthis。オブジェクトメソッドの定義には適していません。

矢印関数は吊り上げられません。 それらは、使用する前に定義する必要があります。

constを使用すると、関数式は常に定数値であるため、varを使用するよりも安全です。,

returnキーワードと中括弧を省略できるのは、関数が単一のステートメントの場合のみです。 このため、常にそれらを保持するのが良い習慣かもしれません。

Example

const x=(x,y)=>{return x*y};

自分で試してみてください”

矢印関数の詳細については、JavaScript矢印関数の章を参照してください。

For/Ofループ

JavaScriptfor/ofステートメントは、反復可能なオブジェクトの値をループします。,

for/of配列、文字列、マップ、ノードリストなど、反復可能なデータ構造をループできます。

for/ofループの構文は次のとおりです。

for(variable of iterable){
//実行されるコードブロック
}

変数-反復ごとに、次のプロパティの値が変数に割り当てられます。 変数は、constlet、またはvarで宣言できます。

iterable-反復可能なプロパティを持つオブジェクト。,

配列をループする

var cars=;
var x;
for(x of cars){
ドキュメント。write(x+”<br>”);
}

自分で試してみてください”

文字列をループ

var txt=”JavaScript”;
var x;
for(x of txt){
ドキュメント。write(x+”<br>”);
}

自分で試してみてください”

章の詳細は、/In/OfのJavaScriptループを参照してください。,

JavaScriptクラス

JavaScriptクラスはJavaScriptオブジェクト用のテンプレートです。

クラスを作成するには、キーワードclassを使用します。

常にconstructor()という名前のメソッドを追加します。

構文

class ClassName{
constructor(){。.. }
}

クラス車{
コンストラクタ(名前、年){
this.name =名前;
これ。year=year;
}
}

上記の例では、”Car”という名前のクラスを作成します。

このクラスには、”name”と”year”の二つの初期プロパティがあります。,

JavaScriptクラスはオブジェクトではありません。

これはJavaScriptオブジェクト用のテンプレートです。

クラスを使用する

クラスがある場合は、クラスを使用してオブジェクトを作成できます。

Example

let myCar1=new Car(“Ford”,2014);
let myCar2=new Car(“Audi”,2019);

自分で試してみてください”

クラスの詳細については、”JavaScriptクラス”の章を参照してください。

JavaScript Promises

Promiseは、”コードを生成する”と”コードを消費する”をリンクするJavaScriptオブジェクトです。,

“コードを生成する”には時間がかかり、”コードを消費する”には結果を待たなければなりません。

Promisesの詳細については、JavaScript Promisesの章を参照してください。

シンボル型

JavaScriptシンボルは、Number、String、Booleanと同様にプリミティブなデータ型です。

これは、他のコードが誤ってアクセスできない一意の”隠された”識別子を表します。

instace場合、違うコーダーを追加したいのです。idプロパティは人オブジェクトに属する第三者コード、その混合お互いの値です。,

Symbol()を使用して一意の識別子を作成すると、この問題が解決されます。

シンボルは常に一意です。

同じ説明を持つ二つのシンボルを作成すると、それらのシンボルの値は異なります。

Symbol(“id”)==Symbol(“id”)//false

デフォルトパラメータ値

ES6では、関数パラメータにデフォルト値を持たせることができます。

関数Restパラメータ

restパラメータ(。..)関数が不定数の引数を配列として扱うことを可能にします。

Example

function sum(…,args){
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

var x=数値。イプシロン;

自分で試してみてください”

var x=数値。,MIN_SAFE_INTEGER;

自分で試してみてください”

var x=Number。MAX_SAFE_INTEGER;

自分で試してみてください”

新しいNumberメソッド

ES6は、Numberオブジェクトに2つの新しいメソッドを追加しました。

  • Number.isInteger()
  • Number.isSafeInteger()

数値。isinteger()メソッド

Number.isInteger()メソッドは、引数が整数の場合、trueを返します。

番号。isInteger(10);//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/0);//falseを返します
isFinite(10/1);//trueを返します

自分で試してみてください”

isNaN()メソッド

グローバルisNaN()メソッドは、引数がtrueNaNの場合、trueを返します。 それ以外の場合は、false:

Example

isNaN(“こんにちは”);//trueを返します

自分で試してみてください”


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です