Berkongsi pemahaman baharu tentang penunjuk ini dalam kemahiran JavaScript

Pemahaman tentang perkara ini sentiasa boleh digunakan dan boleh digunakan, tetapi ia tidak mendalami intipatinya. Kali ini, saya mendapat pemahaman yang mendalam melalui "JavaScript The Good Parts". (Semua penyahpepijatan boleh dilihat dalam konsol, kekunci F12 pelayar)

Mari kita lihat perkara ini bersama-sama.

Apabila kita mengisytiharkan fungsi, sebagai tambahan kepada parameter (parameter formal) apabila ia ditakrifkan, setiap fungsi juga akan mempunyai dua parameter tambahan, satu ini dan satu lagi argumen (parameter sebenar). argumen ialah parameter yang sebenarnya diterima oleh fungsi, yang merupakan tatasusunan seperti tatasusunan. Saya hanya akan memberikan pengenalan ringkas kepada hujah, memberi tumpuan kepada penunjuk ini.

Dalam pengaturcaraan berorientasikan objek, ini sangat penting, dan nilainya bergantung pada mod panggilan. Dalam JavaScript, terdapat sejumlah 4 mod panggilan: mod panggilan kaedah, mod panggilan fungsi, mod panggilan pembina dan gunakan mod panggilan.

Mod panggilan kaedah

Apabila fungsi digunakan sebagai sifat objek, kita biasanya memanggil fungsi sebagai kaedah objek. Apabila kaedah ini dipanggil, ini akan menunjuk kepada objek yang menjadi milik kaedah tersebut.

Salin kod Kod adalah seperti berikut: var orang = { nama: "Yika", sayName : function(){ console.log(this.name); //"Yika" //Ini telah terikat dengan objek orang } } People.sayName(); Seperti yang ditunjukkan dalam buah berangan, ini menunjuk kepada objek sayName Kaedah mendapatkan konteks objek melalui ini ialah kaedah awam. (kaedah awam)

Mod panggilan fungsi

Apabila fungsi dipanggil tetapi bukan kaedah pada objek, maka ia dipanggil sebagai fungsi.

Apabila dipanggil dalam mod ini, ini akan menunjuk ke objek tetingkap, walaupun fungsi ini boleh dipanggil dalam fungsi luaran, mari lihat contoh.

Salin kod Kod adalah seperti berikut: var name = "window-Yika"; var orang = { nama: "orang-Yika", pelajar: function(){ console.log(this); //Ini di sini terikat dengan objek orang fungsi sayName(){ var name = "sayName-Yika"; console.log(nama.ini); //window-Yika //Walaupun fungsi sayName itu sendiri dan objek orang yang mengandungi kedua-duanya mempunyai nilai nama, ini menunjuk ke tetingkap }; sayName(); } } orang.pelajar();

Melihat dengan cara ini, anda mungkin tahu cara menyelesaikan "ralat reka bentuk" JavaScript.

Ya, hanya cache ini dalam fungsi pelajar, iaitu baris 6. Kemudian pindahkan ini ke fungsi sayName melalui pembolehubah dan anda boleh menyelesaikannya!

Salin kod Kod adalah seperti berikut: var orang = { nama: "orang-Yika", pelajar: function(){ var self = this; //Cache this fungsi sayName(){ var name = "sayName-Yika"; console.log(self.name); //"orang-Yika", diri pada masa ini menunjuk ke objek orang }; sayName(); } } Mod panggilan pembina

Apabila bercakap tentang pembina dalam JavaScript, anda akan berfikir: "Buat huruf besar nama fungsi! Gunakan operator baharu apabila memanggil nama fungsi adalah mudah difahami, dan ia adalah untuk menyeragamkan dan menyatukan penamaan pembina!" Tetapi adakah anda pernah menyelidiki mengapa anda perlu menggunakan yang baru? Jika anda memanggil fungsi dengan baharu di hadapannya, latar belakang fungsi akan mencipta objek baharu yang menunjuk ke prototaip fungsi tersebut, dan ini juga akan terikat pada objek baharu. JavaScript adalah bahasa berdasarkan warisan prototaip Pelajar yang tidak begitu jelas tentang prototaip boleh menyemak maklumat itu sendiri.

Mari kita lihat dahulu rupa pembina secara amnya.

Salin kod Kod adalah seperti berikut: Fungsi Orang(nama){ This.name = name; //Ini di sini, selepas memanggil dengan yang baru, menunjuk ke objek baru Yika this.sayName = function(){ Console.log(this.name); //Output } } var Yika = Orang baharu("Yika"); Yika.sayName(); //Output "Yika", kerana Yika dipanggil melalui baru, dan ini terikat pada objek Yika.

Pada pandangan pertama, nampaknya tidak mudah untuk difahami Mengapa ini dalam fungsi itu ditunjuk ke tetingkap tadi, tetapi kini ia boleh menunjuk ke fungsi Orang tanpa caching?

Bukankah saya hanya mengatakan bahawa apabila fungsi dipanggil melalui yang baharu, ia akan melakukan "perkara buruk" di sebalik tabir.

Salin kod Kod adalah seperti berikut: Fungsi Orang(nama){ var that = {}; // Perkara buruk 1: Hasilkan objek sendiri That.name = nama; That.sayName = function(){ console.log(nama.that); }; kembalikan itu; } var Yika = Orang("Yika"); //Anda boleh meninggalkan yang baharu di sini dan meniru memanggil operator baharu Yika.sayName(); //Output "Yika" seperti sebelum ini

Anda akan faham dengan jelas jika anda melihatnya dengan cara ini Baharu bukan sahaja akan menghasilkan objek, tetapi juga secara automatik mengembalikan objek ini, jadi secara semula jadi ini akan menunjuk ke objek baharu ini. Pastikan anda menggunakan baru untuk memanggil pembina, jika tidak, tiada amaran jika berlaku kesilapan Semua huruf besar masih diperlukan.

Gunakan mod panggilan Kaedah apply membolehkan kami membina tatasusunan parameter untuk dihantar ke fungsi panggilan, dan juga membolehkan kami menukar nilai ini.

function.apply(nilai terikat ini, tatasusunan parameter argumen)

Terlalu banyak perkara yang boleh diperkatakan tentang memohon. Saya hanya akan memberi anda beberapa contoh untuk membantu anda memahami:

Salin kod Kod adalah seperti berikut: Fungsi Orang(nama){ This.name = nama; This.sayName = function(){ console.log(this.name); //Kaedah sayName kepunyaan pembina Orang } } Fungsi Pelajar(nama){ People.apply(this, arguments);//Kaedah penyepaduan meminjam pembina adalah dengan memanggil pembina People melalui apply dalam pembina Pelajar dan menukar nilai People ini //Dengan cara ini, setiap kali tika Pelajar dicipta, pembina Orang akan dipanggil } var pelajar = Pelajar baharu("Yika"); Student.sayName(); //Output "Yika" Kami boleh mengubah suai objek pengikat fungsi ini dengan mudah melalui kaedah panggilan, yang serupa dengan aplikasi, juga mempunyai kesan yang sama, pelajar yang berminat boleh mencari dan mempelajarinya sendiri.

Baiklah, akhirnya kita telah selesai bercakap tentang empat mod panggilan untuk menukar mod panggilan kaedah dan mod panggilan pembina akan digunakan lebih dan lebih penting bagi mod panggilan fungsi, kita mesti belajar untuk mengelakkannya .

Jika terdapat sebarang kesilapan, sila laporkan tepat pada masanya dan saya akan membetulkannya secepat mungkin untuk mengelakkan orang lain mengelirukan.

Berkongsi pemahaman baharu tentang penunjuk ini dalam kemahiran JavaScript_javascript