Perkara yang Anda Mesti Tahu Mengenai Fungsi Anak Panah JavaScript dan Parameter Rehat

Artikel ini memberi anda pengetahuan yang berkaitan tentang fungsi anak panah dan baki parameter dalam JavaScript fungsi anak panah dan parameter yang selebihnya adalah sangat ringkas Mari kita lihat cara menggunakannya.

Apakah fungsi anak panah?

Sintaks ungkapan fungsi anak panah adalah lebih ringkas daripada ungkapan fungsi, iaitu bentuk fungsi yang dipermudahkan.
Kaedah penulisannya:

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

Strukturnya:

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

Sebagai contoh, terdapat bentuk umum ungkapan fungsi

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

yang boleh digunakan fungsi Anak panah untuk menulis:

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

---

2. Singkatan fungsi anak panah

• Parameter tunggal

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

• Badan fungsi satu baris

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

• Objek baris tunggal

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

---

3 🎜>Arrow Fungsi tidak mempunyai ini, ia akan mencari ini di lapisan luar mengikut rantai skop.

Contohnya:

memanggil

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

, yang mengandungi output

Memandangkan fungsi anak panah tidak mempunyai printA, ia dicari di lapisan luar, iaitu this.A. Di sini, this dipanggil dalam skop global, jadi fun luar menghala ke fun.printA() Memandangkan A = 1 sebelum ini ditakrifkan dengan this, output ialah 1. windowvar memanggil

, memanggil

di dalam, dan mengeluarkan printAA Lihat fungsi print(), yang merupakan fungsi anak panah, jadi cari lapisan luar, lapisan luarnya ialah this.A, ia dipanggil oleh print, jadi thisnya menghala ke printAA, jadi outputnya ialah A ditakrifkan dalam fun, iaitu 2. thisfunfun4. Senario di mana fungsi anak panah tidak terpakai

---

Sebagai pembina

1. Selepas membuat seketika pembina, ini menunjukkan kepada instantiasi Objek, dan fungsi anak panah tidak mempunyai ini, jadi ia tidak boleh digunakan sebagai pembina.

Apabila anda memerlukan ini untuk menunjuk ke objek panggilan

2. Apabila anda perlu menggunakan hujah

3. Fungsi anak panah Tiada hujah dalam, anda boleh menggunakan parameter yang tinggal untuk menyimpan parameter.

5. Parameter baki

---

5.1) Apakah parameter baki?

Contohnya:

ialah parameter yang tinggal.

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

Parameter yang tinggal ialah tatasusunan Walaupun ia tidak mempunyai nilai, ia wujud dalam bentuk tatasusunan kosong.

Contohnya: args

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

x, y, z sepadan dengan parameter 1, 2, 3. Oleh kerana parameter yang selebihnya tidak mempunyai nilai, ia wujud dalam bentuk kosong tatasusunan.

5.2) Fungsi

Memandangkan fungsi anak panah tidak mempunyai

, kita boleh menggunakan baki parameter dan bukannya

untuk mendapatkan parameter sebenar

Contohnya: argumentsarguments

const print = (...args) => {
    console.log(args);};print(1, 2);

5.3) Nota

Dalam fungsi anak panah, walaupun hanya ada satu parameter yang tinggal, kurungan tidak boleh ditinggalkan

Parameter selebihnya hanya boleh menjadi parameter terakhir dan tidak boleh ada parameter lain selepas itu, jika tidak, ralat akan dilaporkan

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

• [Cadangan berkaitan:
Tutorial pembelajaran javascript

]

Atas ialah kandungan terperinci Perkara yang Anda Mesti Tahu Mengenai Fungsi Anak Panah JavaScript dan Parameter Rehat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!