ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript のアロー関数と残りのパラメータについて知っておくべきこと
この記事では、JavaScript のアロー関数と残りのパラメータに関する関連知識を提供します。アロー関数と残りのパラメータは非常に簡潔です。使用方法を見てみましょう。皆さんのお役に立てれば幸いです。
アロー関数式の構文は、関数式よりも簡潔です。つまり、関数の簡略化された形式です。
その記述方法:
() => {}; // 可以用来写一个匿名函数
その構造:
const / let 函数名 参数 => 函数体
たとえば、アロー関数を使用して記述できる一般的な形式の関数式
let add = function(x, y) { return x + y;};
があります。
let add = (x, y) => { return x + y;};
// 对于单个参数,我们可以省略外面的圆括号let addOne = x => { return x + 1;}
// 对于单行返回函数体,可以同时省略 {} 和 returnlet add (x, y) => x + y;
// 对于返回单行对象,在外面加个 ()let add (x, y) => ({ value: x + y;});
アロー関数にはこれがありません。これをスコープチェーンに従って外層に配置します。
例:
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 になります。
を呼び出し、内部で print()
を呼び出し、this.A
を出力し、print
関数を見てください。はアロー関数です。this
がないので、外側の層を探します。その外側の層は printAA
で、fun
によって呼び出されます。 this
は fun
をポイントしているため、fun
で定義された A が出力され、これは 2 です。
5. 残りのパラメータ
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);
5.2) 関数
arguments の代わりに残りのパラメータを使用して実際のパラメータを取得できます。
例:<pre class="brush:php;toolbar:false">const print = (...args) => {
console.log(args);};print(1, 2);</pre>
5.3) 注意事項
let add = (...args) => {};
以上がJavaScript のアロー関数と残りのパラメータについて知っておくべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。