js的继承。图解易懂

拼搏现实的明天。 2022-12-10 07:06 94阅读 0赞

今天有幸看到[这篇文章][Link 1]真的是简单明了生动有趣一下子让我懂了js的继承是什么原理，在此截图几个学习理解一下。

定义一个对象里面有一个name的属性和eat的方法。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

然后定义dog和cat的对象让他们的原型指向animal对象。当调用eat方法时他们里面没有就往原型里面找。

当我们想要找到某个对象的某个属性的时候会先在哪个对象里面找，找不到再到原型prototype里面找。而prototype还有自己的prototype，一直往里面找，直到找到为止。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 2][]

[Link 1]: https://mp.weixin.qq.com/s?__biz=MzAxOTc0NzExNg%3D%3D&chksm=80d66757b7a1ee41cd8bc2154baf7e8a15304d25bd289dda29061ebe1678eebaad4232557ec3&idx=1&mid=2665520916&scene=21&sn=76f110bb713ac67d0a678af0b088501e#wechat_redirect
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20221123/5b8b0a08bc504061830ab866b1c31a17.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 1]: /images/20221123/22f1159fe84f49cda57cb7514b1e643c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70 2]: /images/20221123/9bf6ad1726eb4eea9af3d18654baaeab.png

发表评论取消回复

表情：

评论列表（有 0 条评论，94人围观）

还没有评论，来说两句吧...

相关阅读

相关【C++】继承（通俗易懂，超级详细）

C++是一种支持面向对象编程（Object-Oriented Programming）的编程语言，面向对象的三大特性：封装、继承、多态。继承（inheritance）是C...

小灰灰/ 2024年04月22日 22:19/ 0 赞/ 100 阅读

相关图解 SQL 执行顺序，通俗易懂！

这是一条标准的查询语句: ![图片][54b4f39ea7ab3ec5196a7d2af7ea9d45.png] 这是我们实际上SQL执行顺序：我们先执行from

心已赠人/ 2024年03月17日 22:54/ 0 赞/ 101 阅读

相关图解 SQL 执行顺序，通俗易懂！

这是一条标准的查询语句: ![1cded0e3d65e8862005145f95ce0cb22.png][] 这是我们实际上SQL执行顺序：我们先执行from,j

水深无声/ 2023年09月23日 14:24/ 0 赞/ 135 阅读

相关图解Python中深浅copy（通俗易懂）

一、深浅copy 1. 赋值运算 l1 = [1, 2, 3, [22, 33]] l2 = l1 l1.append(666)

拼搏现实的明天。/ 2023年07月09日 02:08/ 0 赞/ 5 阅读

相关 js的继承。图解易懂

今天有幸看到[这篇文章][Link 1]真的是简单明了生动有趣一下子让我懂了js的继承是什么原理，在此截图几个学习理解一下。定义一个对象里面有一个name的属性和eat的方

拼搏现实的明天。/ 2022年12月10日 07:06/ 0 赞/ 95 阅读

相关 JavaScript图解继承(多图)

在JavaScript中，继承主要是通过原型链来实现的。原型链和前文所说的原型对象密切相关。原型对象可以参考[JavaScript构造函数和原型对象][JavaScript]。

妖狐艹你老母/ 2022年07月17日 00:53/ 0 赞/ 94 阅读

相关 js--继承

每个类有3部分，第一部分是构造函数内的，供实例化对象复制用的第二部分是构造函数外的，直接通过点语法添加，这是供类使用的，实例化对象访问不到第三部分是类的原型中

╰半夏微凉°/ 2022年07月11日 01:47/ 0 赞/ 222 阅读

相关 js继承

1、prototype方式 var BaseClass = function () \{ this.name = "3zfp";

ゞ浴缸里的玫瑰/ 2022年06月09日 04:08/ 0 赞/ 203 阅读

相关图解JavaScript原型链继承

JavaScript是基于原型链的继承的，忘掉类的继承，从原型链入手。普通对象函数对象 JavaScrip只有一种结构：对象通过new Functio

小灰灰/ 2022年03月14日 13:22/ 0 赞/ 380 阅读

相关 js继承:一网打尽js继承

转载：原地址：[https://mp.weixin.qq.com/s/NkxW367Znl5Hb47\_vv8Eeg][https_mp.weixin.qq.com_s_Nkx

刺骨的言语ヽ痛彻心扉/ 2022年03月12日 07:24/ 0 赞/ 277 阅读