Rumah hujung hadapan web tutorial js js中关于原型链与继承的理解

js中关于原型链与继承的理解

Sep 09, 2017 am 11:38 AM
javascript faham mewarisi

js中的原型链是比较难理解的一部分知识,而继承又是依赖于原型链,所以原型链是我们必须去掌握的。在学习原型链之前,我们需要去介绍一下原型。建议这部分重在理解,不推荐死记硬背。


1、原型

js中只有函数对象才有原型,原型也是个对象。例如,我们创建一个save函数,通过typeof来查看其类型,返回值是”object”,说明其实一个对象。

                                     图1 函数对象
那么,函数的原型包含哪些内容呢?通过打印输出,我们可以看到,其原型包含两部分,一是constructor,二是proto。我们首先了解下constructor,后文会介绍proto
这里写图片描述
图2 函数对象的原型
学过java的都知道constructor是构造器的意思,其包含有关构造器的一些信息,比如参数、调用者等。
前面说过只有函数对象才有原型,那么普通对象有没有呢?下面通过实例验证,通过save构造出一个对象fileSave。
这里写图片描述
图3 普通对象
从上面的例子看出,普通对象是没有原型的,但是其有proto属性。
小结:从以上分析,我们学到函数对象有原型属性,普通对象没有原型属性。

2、原型链

原型链的实现是依赖proto属性的,其可以理解为C语言中的指针,java中的引用。在js中,proto指向的是什么呢?还是抛出实例,下面通过打印输出fileSave的proto属性:
这里写图片描述
图4 对象的proto
你是不是有所发现,fileSave的proto值和图2中的save函数对象的prototype一样,即proto指向save的原型。我们知道fileSave对象是通过new save();创建的,故我们得出结论fileSave的proto指向其构造函数对象的原型。为了验证结果,我们再次通过save创建一个对象imageSave,看一下它的proto属性值。
这里写图片描述
我们再次发现,imageSave的proto指向了save的原型。因此,我们可以知道对象的proto指向其构造函数的原型。那么,save也是一个对象,它的prto应该指向它的构造函数的原型,即Function的原型。
这里写图片描述
另外,我们从第一节知道原型也是对象,其proto属性的指向又是如何呢?以实例说话,下面打印出save.prototype.proto值。
这里写图片描述
图5 save.prototype.proto
从图5知,save.prototype.proto的值是Object的原型。我们很好奇,Obejct.prototype 的proto的值,打印出来看看。
这里写图片描述
是null,可以理解,毕竟其实最顶层的对象啦。
从上面的分析得出下面的链图:
这里写图片描述
图6 原型链
小结:通过这一节的分析,我们学到原型链的实现是依靠对象的proto属性。如果通过函数对象创建一个对象,那么该对象的proto属性就指向其构造函数的原型。
3、继承
在讲继承之前,我们先来学习下属性的查找。在js中,其会按照原型链去查找属性,如果自己没有,就根据proto属性依次往上找。下面我们,先写一段实例代码。

save.fileName = "oo"save.prototype.fileName = "lili";fileSave.fileName = "haha";
Salin selepas log masuk

这里写图片描述
这时我们如果打印fileSave.fileName的值,很明显得到的是“haha”。但是如果我把fileSave.fileName = “haha”;去掉,再次打印会输出什么呢?
这里写图片描述
从打印结果,我们知道会根据proto属性中去找fileName属性,即根据图5的链图去查询需要的属性。在这里,如果没有save.prototype.fileName = “lili”;这段赋值代码,打印出来的就是undefined,因为原型链中没有对应的属性。有人可能会说,为啥不会输出“oo”,的确从代码中看到save.fileName = “oo”这段赋值代码,但是我们需要知道save是个函数对象,当执行这段代码时,finName会在constructor下,并不在原型中,类似于java中的静态属性(在这里不能通过实例对象访问)。
记住:通过普通对象调用属性,该查找只会在prototype的属性中查找,并不会在constructor中查找。如果在save的原型中没有找到,又会到save.proto中查找,依次进行下去。
如果知道属性查找方式,那么实现继承就很简单了。例如我们创建一个空对象saveDisk,如果我想访问save中的fileName,我们只需要把saveDisk的proto的值等于save的原型即可(简单理解为把两条不相干的铁链接在一起)。

saveDisk._proto_ = save.prototype
Salin selepas log masuk

这里写图片描述

Atas ialah kandungan terperinci js中关于原型链与继承的理解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk menggunakan 'penunjuk kelas asas' dan 'penunjuk kelas terbitan' dalam warisan? Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk menggunakan 'penunjuk kelas asas' dan 'penunjuk kelas terbitan' dalam warisan? May 01, 2024 pm 10:27 PM

Dalam pewarisan fungsi, gunakan "penunjuk kelas asas" dan "penunjuk kelas terbitan" untuk memahami mekanisme pewarisan: apabila penuding kelas asas menghala ke objek kelas terbitan, transformasi ke atas dilakukan dan hanya ahli kelas asas diakses. Apabila penuding kelas terbitan menghala ke objek kelas asas, hantaran ke bawah dilakukan (tidak selamat) dan mesti digunakan dengan berhati-hati.

Bagaimanakah warisan dan polimorfisme mempengaruhi gandingan kelas dalam C++? Bagaimanakah warisan dan polimorfisme mempengaruhi gandingan kelas dalam C++? Jun 05, 2024 pm 02:33 PM

Pewarisan dan polimorfisme mempengaruhi gandingan kelas: Pewarisan meningkatkan gandingan kerana kelas terbitan bergantung pada kelas asas. Polimorfisme mengurangkan gandingan kerana objek boleh bertindak balas kepada mesej secara konsisten melalui fungsi maya dan penunjuk kelas asas. Amalan terbaik termasuk menggunakan warisan dengan berhati-hati, menentukan antara muka awam, mengelakkan penambahan ahli data pada kelas asas dan menyahgandingkan kelas melalui suntikan kebergantungan. Contoh praktikal yang menunjukkan cara menggunakan polimorfisme dan suntikan pergantungan untuk mengurangkan gandingan dalam aplikasi akaun bank.

Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk menyahpepijat ralat dalam warisan? Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk menyahpepijat ralat dalam warisan? May 02, 2024 am 09:54 AM

Petua penyahpepijatan ralat warisan: Pastikan perhubungan warisan yang betul. Gunakan penyahpepijat untuk melangkah melalui kod dan memeriksa nilai pembolehubah. Pastikan anda menggunakan pengubah suai maya dengan betul. Periksa masalah berlian warisan yang disebabkan oleh warisan tersembunyi. Semak fungsi maya tulen yang tidak dilaksanakan dalam kelas abstrak.

Warisan fungsi C++ menjelaskan: Bilakah warisan tidak boleh digunakan? Warisan fungsi C++ menjelaskan: Bilakah warisan tidak boleh digunakan? May 04, 2024 pm 12:18 PM

Warisan fungsi C++ tidak boleh digunakan dalam situasi berikut: Apabila kelas terbitan memerlukan pelaksanaan yang berbeza, fungsi baharu dengan pelaksanaan yang berbeza harus dicipta. Apabila kelas terbitan tidak memerlukan fungsi, ia harus diisytiharkan sebagai kelas kosong atau menggunakan fungsi ahli kelas asas peribadi yang tidak dilaksanakan untuk melumpuhkan warisan fungsi. Apabila fungsi tidak memerlukan pewarisan, mekanisme lain (seperti templat) harus digunakan untuk mencapai penggunaan semula kod.

Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk memahami hubungan 'is-a' dan 'has-a' dalam warisan? Penjelasan terperinci tentang warisan fungsi C++: Bagaimana untuk memahami hubungan 'is-a' dan 'has-a' dalam warisan? May 02, 2024 am 08:18 AM

Penjelasan terperinci tentang pewarisan fungsi C++: Kuasai hubungan antara "is-a" dan "has-a" Apakah pewarisan fungsi? Warisan fungsi ialah teknik dalam C++ yang mengaitkan kaedah yang ditakrifkan dalam kelas terbitan dengan kaedah yang ditakrifkan dalam kelas asas. Ia membenarkan kelas terbitan untuk mengakses dan mengatasi kaedah kelas asas, dengan itu memanjangkan fungsi kelas asas. Perhubungan "is-a" dan "mempunyai-a" Dalam pewarisan fungsi, perhubungan "is-a" bermakna kelas terbitan ialah subjenis kelas asas, iaitu kelas terbitan "mewarisi" ciri dan tingkah laku kelas asas. Perhubungan "mempunyai-a" bermaksud bahawa kelas terbitan mengandungi rujukan atau penunjuk kepada objek kelas asas, iaitu, kelas terbitan "memiliki" objek kelas asas. SintaksBerikut ialah sintaks untuk cara melaksanakan pewarisan fungsi: classDerivedClass:pu

'Pengenalan kepada Pengaturcaraan Berorientasikan Objek dalam PHP: Dari Konsep kepada Amalan' 'Pengenalan kepada Pengaturcaraan Berorientasikan Objek dalam PHP: Dari Konsep kepada Amalan' Feb 25, 2024 pm 09:04 PM

Apakah pengaturcaraan berorientasikan objek? Pengaturcaraan berorientasikan objek (OOP) ialah paradigma pengaturcaraan yang mengabstrak entiti dunia sebenar ke dalam kelas dan menggunakan objek untuk mewakili entiti ini. Kelas mentakrifkan sifat dan tingkah laku objek, dan objek memberi contoh kelas. Kelebihan utama OOP ialah ia menjadikan kod lebih mudah difahami, diselenggara dan digunakan semula. Konsep Asas OOP Konsep utama OOP termasuk kelas, objek, sifat dan kaedah. Kelas ialah pelan tindakan sesuatu objek, yang mentakrifkan sifat dan kelakuannya. Objek ialah contoh kelas dan mempunyai semua sifat dan tingkah laku kelas. Sifat ialah ciri-ciri objek yang boleh menyimpan data. Kaedah ialah fungsi objek yang boleh beroperasi pada data objek. Kelebihan OOP Kelebihan utama OOP termasuk: Kebolehgunaan semula: OOP boleh menjadikan kod lebih banyak

Bagaimana untuk memahami kaedah lulus nilai dengan betul dalam PHP Bagaimana untuk memahami kaedah lulus nilai dengan betul dalam PHP Mar 08, 2024 pm 03:30 PM

Cara memahami kaedah lulus nilai dengan betul dalam PHP PHP ialah bahasa skrip yang digunakan secara meluas dalam pembangunan Web, dan kaedah lulus parameter dalam PHP terutamanya termasuk lulus nilai dan lulus rujukan. Dan memahami bagaimana nilai dihantar dalam PHP adalah penting untuk menulis kod yang cekap. Artikel ini akan membincangkan kaedah lulus nilai dalam PHP secara terperinci dan menggunakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik. Konsep asas kaedah lulus nilai adalah untuk menyalin nilai pembolehubah dan menghantarnya kepada fungsi atau kaedah Operasi pada nilai dalam fungsi tidak akan menjejaskannya.

Pemahaman mendalam tentang cara menggunakan saluran paip Linux Pemahaman mendalam tentang cara menggunakan saluran paip Linux Feb 21, 2024 am 09:57 AM

Pemahaman mendalam tentang penggunaan paip Linux Dalam sistem pengendalian Linux, paip adalah fungsi yang sangat berguna yang boleh menggunakan output satu arahan sebagai input bagi arahan lain, dengan itu mudah merealisasikan pelbagai pemprosesan dan operasi data yang kompleks. Pemahaman mendalam tentang cara paip Linux digunakan adalah sangat penting untuk pentadbir dan pembangun sistem. Artikel ini akan memperkenalkan konsep asas saluran paip dan menunjukkan cara menggunakan saluran paip Linux untuk pemprosesan dan operasi data melalui contoh kod tertentu. 1. Konsep asas paip dalam Linux

See all articles