JavaScript のアロー関数と残りのパラメータについて知っておくべきこと

この記事では、JavaScript のアロー関数と残りのパラメータに関する関連知識を提供します。アロー関数と残りのパラメータは非常に簡潔です。使用方法を見てみましょう。皆さんのお役に立てれば幸いです。

1. アロー関数とは何ですか?

アロー関数式の構文は、関数式よりも簡潔です。つまり、関数の簡略化された形式です。
その記述方法:

() => {};   // 可以用来写一个匿名函数

その構造:

const / let 函数名 参数 => 函数体

たとえば、アロー関数を使用して記述できる一般的な形式の関数式

let add = function(x, y) {
    return x + y;};

があります。

let add = (x, y) => {
    return x + y;};

---

2. アロー関数の省略形

• 単一パラメータ

// 对于单个参数，我们可以省略外面的圆括号let addOne = x => {
    return x + 1;}

• 単一行の関数本体

// 对于单行返回函数体，可以同时省略 {} 和  returnlet add (x, y) => x + y;

• 単一行オブジェクト

// 对于返回单行对象，在外面加个 ()let add (x, y) => ({
    value: x + y;});

---

3. アロー関数の基礎知識

アロー関数にはこれがありません。これをスコープチェーンに従って外層に配置します。
例:

var A = 1;let fun = {
    A: 2,
    printA: () => {
        console.log(this.A);
    },
    printAA: function() {
        let print = () => {
            console.log(this.A);
        }
        print();
    }};fun.printA();  // 1fun.printAA();  // 2

は printA を呼び出し、this.A を出力します。アロー関数には this がないため、外側のレイヤー 外側のレイヤーは fun です。ここでは、fun.printA() がグローバル スコープで呼び出されるため、## が #var## の前に使用されているため、外側の this は window を指します。 # は A = 1 を定義しているため、出力は 1 になります。

printAA

を呼び出し、内部で print() を呼び出し、this.A を出力し、print 関数を見てください。はアロー関数です。this がないので、外側の層を探します。その外側の層は printAA で、fun によって呼び出されます。 this は fun をポイントしているため、fun で定義された A が出力され、これは 2 です。

4. アロー関数が適用できないシナリオ

---

コンストラクターとして

1. #コンストラクターをインスタンス化した後、this はインスタンス化を指します。オブジェクト、およびアロー関数にはこれがないため、コンストラクタとして使用できません。

#これが呼び出し元オブジェクトを指す必要がある場合

2. 引数を使用する必要がある場合

3. アロー関数 には引数はありません。残りのパラメータを使用してパラメータを保存できます。

5. 残りのパラメータ

---

5.1) 残りのパラメータは何ですか?

例:

let add = (x, y, z, ...args) => {
    console.log(x, y, z, args);};

args

は残りのパラメータです。

残りのパラメータは配列であり、値がなくても空の配列として存在します。 例:

let add = (x, y, z, ...args) => {
    console.log(x, y, z, args);}add(1, 2, 3);

x、y、z はパラメータ 1、2、3 に対応します。残りのパラメータには値がないため、空の配列の形式で存在します。

5.2) 関数

アロー関数には

arguments

がないため、

arguments の代わりに残りのパラメータを使用して実際のパラメータを取得できます。 例：<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">const print = (...args) =&gt; {     console.log(args);};print(1, 2);</pre><div class="contentsignin">ログイン後にコピー</div></div>

5.3) 注意事項

アロー関数では、パラメータが 1 つしか残っていない場合でも括弧を省略することはできません。

let add = (...args) => {};

残りのパラメータは最後のパラメータのみにすることができ、それ以降に他のパラメータを置くことはできません。それ以外の場合はエラーが報告されます

• [関連推奨事項:
JavaScript 学習チュートリアル

]

以上がJavaScript のアロー関数と残りのパラメータについて知っておくべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。