个人对原型对象的理解

喜欢ヅ旅行 2022-05-31 13:55 224阅读 0赞

**显式原型：prototype 指向函数的原型对象**

**隐式原型：\_\_proto\_\_ 也指向函数的原形对象**

**1. 每个** **函数function** **都有一个prototype，即显式原型;**

**function Fn()\{**

**\}**

**console.log(** **Fn.prototype** **)**

**注** **：通过Function.prototype.bind方法构造出来的函数是个例外，它没有prototype属性。**

**2. 每个** **实例对象** **都有一个\_\_proto\_\_，可称为隐式原型**

**var fn=** **new**  **Fn()**

**console.log(** **fn.\_\_proto\_\_** **)**

**注** **：Object.prototype 这个对象是个例外，它的\_\_proto\_\_值为null **

**3. 对象的隐式原型的值为其对应构造函数的显式原型的值**

**console.log(** **Fn.prototype===fn.\_\_proto\_\_** **)**

**//返回true**

**4. 内存结构(图)（原型链）（此原型链图不太完整，可自行百度）**

![WEBRESOURCE0097b9d7f7715bb4f23fb7e85e3e86b7][]

**原型链：尽头为Object的原型对象**

*  显式原型的作用：用来实现基于原型的继承与属性的共享。
 *  隐式原型的作用：构成原型链，同样用于实现基于原型的继承。举个例子，当我们访问obj这个对象中的x属性时，如果在obj中找不到，那么就会沿着\_\_proto\_\_依次查找。（查找对象的属性）
 *  Fn.prototype和fn.\_\_proto\_\_ 保存的同一个地址值，这个地址指向一个obj空对象（即原型对象）

**原型对象中的construtor属性，指向函数对象；**

**例子： Fn.prototype.test=function()\{alert(1);\} //在原型对象中添加test方法 (属性)**

**fn.test();**  **//(fn本身没有test方法，** **沿着\_\_proto\_\_依次查找** **)**  **//找到原型对象中test方法 (属性)**

**fn.toString(); //找到Obejct原型对象中toString方法 (属性)**

**5. 总结:**

**\* 访问一个对象的属性时，先在自身属性中查找，找到返回， 如果没有, 再沿着\_\_proto\_\_这条链向上查找, 找到返回，如果最终没找到, 返回undefined，直接调用则报错；**

**\* 程序员能直接操作显式原型, 但不能直接操作隐式原型(ES6之前)**

[WEBRESOURCE0097b9d7f7715bb4f23fb7e85e3e86b7]: http://note.youdao.com/yws/res/333/WEBRESOURCE0097b9d7f7715bb4f23fb7e85e3e86b7

发表评论取消回复

表情：

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

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

相关阅读

相关对js构造函数,原型对象和原型的理解(3)

探究constructor 不知道大家发现了没有啊在我们的对象原型\_\_proto\_\_和构造函数的原型对象prototype身上都有一个constructor

朱雀/ 2023年07月11日 15:26/ 0 赞/ 138 阅读

相关对js构造函数,原型对象和原型的理解(2)

上篇文章我们说到了我sing方法已经放到了Star的原型对象prototype身上了,可是我zs,ls这两个实例没有这个方法,为什么还能访问得到? functi

待我称王封你为后i/ 2023年07月11日 15:23/ 0 赞/ 11 阅读

相关对js构造函数,原型,原型对象的理解(1)

那我就开门见山咯构造函数构造函数虽然好用,但是存在浪费内存的问题; 比如我写了一个构造函数,里面有许多属性,也有方法, function Sta

朴灿烈づ我的快乐病毒、/ 2023年07月11日 12:34/ 0 赞/ 12 阅读

相关个人对Servlet的理解

它定义了开发java项目的一套规范。这个规范有什么内容： 1、首先这个规范有两种实现方式：web.xml和注解； 2、定义了servlet容器、定义了servlet对象

偏执的太偏执、/ 2023年01月14日 11:59/ 0 赞/ 183 阅读

相关个人对threadlocal的理解

ThreadLocal它操作的是当前线程的局部变量 public void set(T value) { Thread t = Thread.

短命女/ 2022年12月15日 02:25/ 0 赞/ 167 阅读

相关个人对计算机知识的理解

冯诺依曼体系结构：冯·诺伊曼于1946年提出存储程序原理，把程序本身当作数据来对待，程序和该程序处理的数据用同样的方式储存。冯·诺依曼体系结构冯·诺伊曼理论的要点是：计算机的

曾经终败给现在/ 2022年12月13日 04:56/ 0 赞/ 189 阅读

相关对javascript中原型链的理解

我总结的规律如下 1. 函数是一种对象，对象不一定是函数 2. 函数的构造函数为Function函数 3. 函数的prototype属性包含一个自有属性constr

清疚/ 2022年08月19日 02:00/ 0 赞/ 174 阅读

相关个人对jms的理解

要使用Java消息服务，你必须要有一个JMS提供者，管理会话和队列。既有开源的提供者也有专有的提供者。从这里我们知道，实现jms的开元框架有很多，我个人看的springsid

水深无声/ 2022年08月11日 15:30/ 0 赞/ 190 阅读

相关个人对原型对象的理解

显式原型：prototype 指向函数的原型对象隐式原型：\_\_proto\_\_ 也指向函数的原形对象 1. 每个函数function 都有一个proto

喜欢ヅ旅行/ 2022年05月31日 13:55/ 0 赞/ 225 阅读

相关原型链、原型对象和构造函数的理解

js没有类的概念，通过原型和原型链实现继承。函数对象可以被实例化（有构造函数），普通函数不能实例化（没有构造函数）。 > prototype：原型对象，原型是函数所有，包

末蓝、/ 2021年07月26日 19:57/ 0 赞/ 450 阅读