TypeScript の ES6 バージョンは、アロー関数を提供します。 速記 無名関数を定義するための構文、つまり関数式の構文。 function キーワードは省略されます。これを太い矢印と呼ぶことができます (-> は細い矢印、=> は ' であるため) 脂肪 ' 矢印)。とも呼ばれます ラムダ関数 。アロー関数の語彙スコープは ' です。 これ 」というキーワード。
アロー関数の動機は次のとおりです。
- 関数を入力し続ける必要がない場合。
- このキーワードの意味を語彙的に捉えています。
- 引数の意味を語彙的に捉えます。
構文
アロー関数の構文は次の 3 つの部分に分割できます。
(parameter1, parameter2, ..., parameterN) => expression;
を使用すると、 太い矢印 (=>) という表記法を使用する必要はありません。 関数 キーワード。パラメーターは大括弧 () 内で渡され、関数式は中括弧 {} で囲まれます。
ES5 および ES6 スタイルのコーディングで関数を記述するには 2 つの方法があります。
// ES5: Without arrow function var getResult = function(username, points) { return username + ' scored ' + points + ' points!'; }; // ES6: With arrow function var getResult = (username: string, points: number): string => { return `${ username } scored ${ points } points!`; } パラメータ付きアロー関数
次のプログラムは、パラメータを使用したアロー関数の例です。
let sum = (a: number, b: number): number => { return a + b; } console.log(sum(20, 30)); //returns 50 上の例では、 和 はアロー関数です。' a: 数字、b: 数字 ' はパラメータの型です。' ： 番号 ' は戻り値の型で、矢印表記 => が関数パラメータと関数本体を区切ります。
上記の TypeScript プログラムをコンパイルすると、対応する JavaScript コードは次のようになります。
let sum = (a, b) => { return a + b; }; console.log(sum(20, 30)); //returns 50 出力：
パラメータのないアロー関数
次のプログラムは、パラメータなしのアロー関数の例です。
let Print = () => console.log('Hello JavaTpoint!'); Print();
出力：
アロー関数では、関数本体が 1 つのステートメントのみで構成されている場合、中括弧と return キーワードは必要ありません。以下の例からそれを理解できます。
let sum = (a: number, b: number) => a + b; console.log('SUM: ' +sum(5, 15));
出力：
クラス内のアロー関数
アロー関数をクラスのプロパティとして含めることができます。次の例は、それをより明確に理解するのに役立ちます。
class Student { studCode: number; studName: string; constructor(code: number, name: string) { this.studName = name; this.studCode = code; } showDetail = () => console.log('Student Code: ' + this.studCode + '
Student Name: ' + this.studName) } let stud = new Student(101, 'Abhishek Mishra'); stud.showDetail(); 出力：
