Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptのファットアロー関数とは何ですか？

名前が示すように太い矢印関数は、コードの行を減らすのに役立ちます。構文=>は太い矢印を示しています。これにより、キーワード「function」を繰り返し書く必要もなくなります。

構文は次のとおりです：

argument => expression
複数の引数には以下を使用してください：

(argument1 [, argument2]) => expression
太い矢印がある場合とない場合の関数を比較してみましょう：

JavaScriptの関数 

var rank = [7,8,9];
var display = rank.map(function(num) {
   return num * num;
});

JavaScriptのファットアロー関数 

var rank= [7,8,9];
var display = rank.map((num) => num*num);
document.write(arr)
矢印関数は間違いなくコード行を減らします。


  1. JavaScriptの簡潔な矢印関数

    簡潔な矢印関数の構文は次のとおりです- (param1, param2) =>param1+param2 のみがあり、単一のパラメータがある場合は、次のように記述することもできます- param1=>param1*2 の後に中括弧{}がない場合は、暗黙的に戻ります。 以下は、JavaScriptで簡潔な矢印関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na

  2. JavaScriptの太い矢印関数

    太い矢印関数の構文は次のようになります- (param1,param2,..)=>{ } しかありません。 以下は、JavaScriptでファットアロー関数を実装するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&