Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya menggunakan penutupan dengan berkesan dalam JavaScript untuk membuat pembolehubah swasta dan mengekalkan keadaan?
Penutupan dalam JavaScript adalah mekanisme yang kuat untuk mewujudkan pembolehubah swasta dan mengekalkan keadaan. Mereka bekerja kerana fungsi dalaman mempunyai akses kepada pembolehubah dan parameter fungsi luar (melampirkan) mereka, walaupun selepas fungsi luar selesai. Ini membolehkan anda membuat data yang tersembunyi dengan berkesan dari dunia luar.
Mari kita gambarkan dengan contoh:
<code class="javascript">function counter() { let count = 0; // Private variable return { increment: function() { count ; return count; }, decrement: function() { count--; return count; }, getValue: function() { return count; } }; } let myCounter = counter(); console.log(myCounter.increment()); // Output: 1 console.log(myCounter.increment()); // Output: 2 console.log(myCounter.decrement()); // Output: 1 console.log(myCounter.getValue()); // Output: 1 console.log(myCounter.count); // Output: undefined (count is private)</code>
Dalam contoh ini, count
adalah pemboleh ubah peribadi kerana ia diisytiharkan dalam fungsi counter
. Fungsi dalaman ( increment
, decrement
, getValue
) membentuk penutupan di sekitar count
, membolehkan mereka mengakses dan mengubah suai. Walau bagaimanapun, count
tidak dapat diakses secara langsung dari luar fungsi counter
. Ini menunjukkan penggunaan penutupan yang berkesan untuk menguruskan keadaan swasta. Objek yang dikembalikan bertindak sebagai antara muka, mendedahkan akses terkawal kepada pemboleh ubah swasta melalui kaedahnya. Corak ini adalah asas untuk membuat kod yang terkandung dan dikekalkan.
Walaupun penutupan berkuasa, mereka boleh membawa kepada perangkap jika tidak digunakan dengan teliti:
Penutupan sangat baik untuk mewujudkan komponen modular dan boleh diguna semula. Dengan merangkumi keadaan dan tingkah laku dalam penutupan, anda membuat modul yang serba lengkap yang boleh digunakan semula dengan mudah di bahagian-bahagian yang berlainan aplikasi anda tanpa perlu risau tentang penamaan konflik atau kesan sampingan yang tidak diingini.
Pertimbangkan contoh modul yang boleh diguna semula ini untuk pembalakan:
<code class="javascript">function createLogger(prefix) { return function(message) { console.log(`${prefix}: ${message}`); }; } const errorLogger = createLogger('ERROR'); const infoLogger = createLogger('INFO'); errorLogger('Something went wrong!'); // Output: ERROR: Something went wrong! infoLogger('System is running smoothly.'); // Output: INFO: System is running smoothly.</code>
Di sini, createLogger
adalah kilang fungsi yang mengembalikan fungsi pembalakan. Fungsi dalaman membentuk penutupan ke atas parameter prefix
, menjadikan bahagian awalan keadaan dalaman logger. Ini membolehkan anda membuat pelbagai pembalak dengan awalan yang berbeza, semuanya sambil mengekalkan pemisahan kebimbangan yang bersih dan mempromosikan kebolehgunaan semula. Corak ini sangat mudah disesuaikan dan boleh digunakan untuk pelbagai jenis komponen yang boleh diguna semula.
Ya, penutupan dalam JavaScript boleh membuat pembolehubah yang secara swasta dan tidak dapat diakses dari luar skop fungsi, seperti yang ditunjukkan dalam contoh pertama. Walau bagaimanapun, adalah penting untuk memahami bahawa JavaScript tidak mempunyai ahli swasta yang benar dengan cara yang sama seperti beberapa bahasa lain (seperti Java atau C) lakukan. Walaupun kita boleh membuat pembolehubah tidak dapat diakses melalui cara yang normal, pemaju yang ditentukan masih boleh mengaksesnya menggunakan teknik seperti refleksi atau memanipulasi kerja dalaman enjin JavaScript (walaupun ini umumnya tidak digalakkan dan tidak dianggap sebagai amalan yang baik).
"Privasi" yang ditawarkan oleh penutupan adalah berdasarkan konvensyen dan enkapsulasi. Ia bergantung kepada pemaju yang mematuhi penggunaan yang dimaksudkan dan tidak cuba untuk mengelakkan reka bentuk. Untuk tujuan yang paling praktikal, tahap privasi yang disediakan oleh penutupan adalah mencukupi untuk melindungi data dan mengekalkan integriti kod anda. Cara terbaik untuk memastikan privasi adalah melalui amalan pengekodan yang mantap dan antara muka yang jelas. Penggunaan getters dan setters (seperti yang ditunjukkan dalam contoh pertama) selanjutnya memperkuat akses terkawal ini.
Atas ialah kandungan terperinci Bagaimanakah saya menggunakan penutupan dengan berkesan dalam JavaScript untuk membuat pembolehubah swasta dan mengekalkan keadaan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!