JS中关于原型对象的理解

最新推荐文章于 2022-02-01 12:30:13 发布

NumbSilver

最新推荐文章于 2022-02-01 12:30:13 发布

阅读量2.4k

点赞数 1

分类专栏：前端文章标签： javascript prototype js

本文链接：https://blog.csdn.net/NumbSilver/article/details/114637634

版权

30 篇文章 0 订阅

订阅专栏

原型对象prototype

// 以该函数为例
function Foo(){}
var foo = new Foo();

在这里插入图片描述

上图几个箭头的含义：
1、6、7：每个函数都有prototype，该属性指向原型对象（显式原型对象）

2、5、8：所有函数都是new Function产生的，包括Function自己，把所有函数都看成Function函数对象（构造函数）的实例，又：构造函数的显示原型对象===当前构造函数实例对象的隐式原型对象。所有的函数对象都会有这条线

9：构造函数的显示原型对象===当前构造函数实例对象的隐式原型对象。

4、10：原型对象的本质：普通的Object对象，非函数对象。所有普通Object对象都是Object函数对象（构造函数）的实例，又：构造函数的显示原型对象===当前构造函数实例对象的隐式原型对象。所有的原型对象都会有这条线，Function的原型对象也不例外。

3 ：constructor构造器

// 因此以下问题的结果均为true
Object instanceof Function;
Function instanceof Function;
Object instanceof Object;
Function instanceof Object;

简单解释：
前两行：所有函数对象都是new Function()产生的
后两行：所有普通对象都是new Object()产生的

查找对象属性的顺序：
1. 在自身寻找，若无
2. 沿_proto_找原型对象，若无
3. 继续沿_proto_寻找，直到找到Object原型对象
4. 若还没有，返回undefined，不报错
沿着_proto_找原型对象的链，就是原型链。

个人理解：

构造器上的属性和方法是不是指的是直接写在构造函数里的（也就是所谓的自身）
原型对象的属性和方法是指在函数外部用.prototype.添加的，相当于将方法写在了原型对象上
原型链：首先在构造器上找也就是自身找找不到再沿着_proto_找原型对象，如果一直到Object对象（也就是所有原型对象的构造函数）都没有，返回undefined.

A.b
找b（对象属性）的过程就是原型链
找A（变量）的过程就是作用域链

关注