Rumah > Artikel > hujung hadapan web > Terokai parameter Rehat dan nilai lalai parameter dalam pengetahuan JavaScript_Basic
Parameter rehat
Biasanya, kita perlu mencipta fungsi dengan parameter pembolehubah bermakna fungsi itu boleh menerima sebarang bilangan parameter. Contohnya, String.prototype.concat boleh menerima sebarang bilangan rentetan sebagai argumen. Menggunakan parameter Rehat, ES6 menyediakan kami cara baharu untuk mencipta fungsi variadik.
Mari laksanakan fungsi sampel mengandungiSemua untuk menyemak sama ada rentetan mengandungi subrentetan tertentu. Contohnya, containsAll("banana", "b", "nan") akan mengembalikan true dan containsAll("banana", "c", "nan") akan mengembalikan false.
Berikut ialah kaedah pelaksanaan tradisional
function containsAll(haystack) { for (var i = 1; i < arguments.length; i++) { var needle = arguments[i]; if (haystack.indexOf(needle) === -1) { return false; } } return true; } function containsAll(haystack) { for (var i = 1; i < arguments.length; i++) { var needle = arguments[i]; if (haystack.indexOf(needle) === -1) { return false; } } return true; }
Pelaksanaan ini menggunakan objek argumen, iaitu objek seperti tatasusunan yang mengandungi senarai parameter sebenar apabila fungsi dipanggil. Kod ini betul-betul seperti yang kita mahukan, tetapi kebolehbacaannya tidak optimum. Fungsi ini hanya mempunyai satu timbunan jerami parameter formal, jadi mustahil untuk mengetahui sepintas lalu bahawa fungsi tersebut memerlukan berbilang parameter Apabila merentasi argumen, anda perlu memberi perhatian khusus kepada indeks permulaan traversal ialah 1 dan bukannya 0 biasa. kerana argumen[0] ialah fungsi Timbunan jerami parameter formal apabila ditakrifkan. Jika kita ingin menambah beberapa parameter sebelum atau selepas parameter tumpukan jerami, kita perlu mengemas kini gelung dalam. Parameter rehat menyelesaikan masalah ini Berikut ialah cara menggunakan parameter Rehat:
function containsAll(haystack, ...needles) { for (var needle of needles) { if (haystack.indexOf(needle) === -1) { return false; } } return true; } function containsAll(haystack, ...needles) { for (var needle of needles) { if (haystack.indexOf(needle) === -1) { return false; } } return true; }
Kedua-dua pelaksanaan di atas memenuhi keperluan kami, tetapi yang kedua mengandungi sintaks ... jarum khas. Mari kita lihat butiran apabila memanggil containsAll("banana", "b", "nan"). hadapan jarum Menunjukkan bahawa ia adalah parameter Rehat, semua parameter sebenar yang tinggal akan dimasukkan ke dalam tatasusunan, dan tatasusunan akan diberikan kepada lelaran keperluan. Dalam panggilan ini, nilai keperluan ialah ["b", "nan"]. Kemudian, fungsi normal dilaksanakan.
Hanya fungsi terakhir fungsi boleh digunakan sebagai parameter Rehat Apabila fungsi dipanggil, parameter sebelum parameter Rehat akan diisi secara normal, dan parameter lain akan dimasukkan ke dalam tatasusunan dan tatasusunan. akan digunakan sebagai Rehat Nilai parameter Jika tiada lagi parameter, maka nilai parameter Rehat ialah tatasusunan kosong [].
Nilai lalai parameter
Biasanya, apabila memanggil fungsi, pemanggil tidak perlu melepasi semua parameter yang mungkin, dan parameter yang tidak diluluskan memerlukan nilai lalai yang munasabah. JavaScript mempunyai nilai lalai tetap undefined untuk parameter yang tidak diluluskan. Dalam ES6, cara baharu untuk menentukan nilai lalai untuk parameter sewenang-wenang telah diperkenalkan.
Lihat contoh di bawah:
function animalSentence(animals2="tigers", animals3="bears") { return `Lions and ${animals2} and ${animals3}! Oh my!`; } function animalSentence(animals2="tigers", animals3="bears") { return `Lions and ${animals2} and ${animals3}! Oh my!`; }
Selepas = untuk setiap parameter terdapat ungkapan yang menentukan nilai lalai apabila parameter tidak diluluskan. Jadi, animalSentence() mengembalikan "Singa dan harimau dan beruang! Oh my!", animalSentence("gajah") mengembalikan "Singa dan gajah dan beruang! Oh my!", animalSentence("gajah", "paus") mengembalikan "Singa dan gajah dan ikan paus!
Beberapa butiran yang perlu diberi perhatian apabila menggunakan nilai lalai parameter:
Tidak seperti Python, ungkapan dengan nilai lalai parameter dinilai dari kiri ke kanan apabila fungsi dipanggil, yang bermaksud ungkapan itu boleh menggunakan parameter yang telah diisi sebelum ini. Sebagai contoh, kita boleh menjadikan fungsi di atas sedikit lebih menarik:
function animalSentenceFancy(animals2="tigers", animals3=(animals2 == "bears") ? "sealions" : "bears") { return `Lions and ${animals2} and ${animals3}! Oh my!`; } function animalSentenceFancy(animals2="tigers", animals3=(animals2 == "bears") ? "sealions" : "bears") { return `Lions and ${animals2} and ${animals3}! Oh my!`; }
Kemudian, animalSentenceFancy("bears") akan mengembalikan "Singa dan beruang dan anjing laut. Oh my!".
Melalui undefined adalah bersamaan dengan tidak melepasi parameter. Oleh itu, animalSentence(undefined, "unicorns") akan mengembalikan "Singa dan harimau dan unicorn! Oh my!".
Jika tiada nilai lalai ditentukan untuk parameter, nilai lalai parameter tidak ditentukan, jadi
bersamaan dengan
Buang hujah
Dengan parameter Rehat dan nilai lalai untuk parameter, kami boleh membuang objek argumen sepenuhnya, menjadikan kod kami lebih mudah dibaca. Selain itu, objek argumen menambah kesukaran untuk mengoptimumkan JavaScript.
Semoga dua ciri baharu di atas dapat menggantikan hujah sepenuhnya. Sebagai langkah pertama, elakkan menggunakan objek argumen apabila menggunakan parameter Rehat atau nilai lalai parameter Jika objek argumen tidak akan dialih keluar serta-merta, maka lebih baik untuk mengelak daripada menggunakan parameter Rehat atau parameter lalai objek hujah.
Keserasian
Firefox 15 ke atas sudah pun menyokong dua ciri baharu ini. Walau bagaimanapun, di luar itu, tiada sokongan pelayar lain. Baru-baru ini, persekitaran percubaan V8 telah menambah sokongan untuk parameter Rehat, dan terdapat isu dengan nilai lalai parameter JSC juga telah menimbulkan beberapa isu dengan parameter Rehat dan nilai lalai parameter.
Kedua-dua penyusun, Babel dan Traceur, sudah menyokong nilai lalai parameter, jadi anda boleh menggunakannya dengan berani.
Kesimpulan
Walaupun secara teknikalnya kedua-dua ciri baharu ini tidak memperkenalkan gelagat baharu kepada fungsi, ia boleh menjadikan beberapa pengisytiharan fungsi lebih ekspresif dan boleh dibaca.
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.