原型链

cloud 发布于2019-08-23 15:32 / 334人阅读

摘要：该函数的实例的原型指向构造函数的属性判断对象是否是构造函数的实例函数对象和普通对象函数对象通过，得到的对象，有和两个属性普通对象通过非函数得的对象，有一个属性总结凡是通过创建的对象都是函数对象，其他的都是普通对象。

基本概念:

在js中，一切皆对象

每个对象都有一个指向它的原型的的内部链接(此链接还没有规范的访问方式，一般用__proro__代替),这个原型也有自己的原型，直到每个对象的原型为null为止

任意一个函数都可以作为构造器即var someFun = new AnyFun()

每个函数都有一个prototype属性，其它对象没有，该属性也是一个对象，该对象有一个constructor属性指向该函数

使用new去实例化一个函数后，得到的是一个对象。该函数的实例的原型指向构造函数的prototype属性

API
1.instanceof,判断对象是否是构造函数的实例
2.getPrototypeOf()

函数对象和普通对象
函数对象：通过new Function()，得到的对象，有_proto_和prototype两个属性
普通对象：通过非Function()函数new得的对象，有_proto_一个属性
总结：凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。

面向对象思想写tab切换

a.定义构造函数,并确定实例拥有的属性
b.给原型添加行为,即方法
c.实例化对象

原型prototype、对象、构造函数
对象：属性跟方法的集合，属性是静态的数据，方法即行为，操作数据
构造函数：在函数的前面出现new关键字，js内置的构造函数，Date/Object/RegExp/String/Number/Boolean/Function
自定义构造函数：按照约定，首字母大写，跟普通函数区分
调用： new Person() 返回实例对象
var o = new Object();
Object.prototype === o.__proto__

原型prototype、对象、构造函数关系
对象是由构造函数创建，实例化的，字面量赋值，语法糖
对象的属性/方法的查找，a.先从自身查找，找到返回，b.找不到沿着原型链上查找，找到返回，找不到重复b步骤，直到顶级Object.prototype

构造函数、原型、实例三者之间的关系
构造函数：函数调用前存在关键字new的

a.定义，为了跟普通函数区分，按照约定首字母大写
b.调用时使用关键字new
c.返回值，创建出来的实例
d.内部的this，指向创建出来的实例

函数定义，必存在prototype属性，指向原型

原型：属性跟方法的集合，也是一个对象[__proto__]

实例：通过构造函数创建出来的对象必存在属性__proto__，指向原型，对象属性的查找，先从自身查找，找不到，沿着原型链从原型查找...
换句话说，对象的属性跟方法从原型上继承下来，对象的属性、方法可以重写

私有云云服务器原型原型链原型链原型链继承原型链图

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102190.html

《javascript高级程序设计》笔记：原型图解

摘要：不理解没关系，下面会结合图例分析上一篇高级程序设计笔记创建对象下一篇高级程序设计笔记继承参考之原型链的解读三张图搞懂的原型对象与原型链继承与原型链文章直接从原型图解开始的，如果对一些概念不太清除，可以结合后面几节查看 1. 图解原型链 1.1 铁三角关系（重点） function Person() {}; var p = new Person(); showImg(https://s...

vspiders 2019-08-21 17:29 评论0 收藏0
如何理解JavaScript的原型和原型链？

摘要：之前有朋友问怎么去理解原型和原型链的问题。理解原型链的小技巧将箭头视作泛化子类到父类关系那么图中所有的虚线将构成一个继承层级，而实线表示属性引用。原型链是实现继承的重要方式，原型链的形成是真正是靠而非。之前有朋友问怎么去理解原型和原型链的问题。这个问题，在面试中，很多同学经常都会遇到。这里给大家讲讲，方便大家记忆。 JavaScript的特点JavaScript是一门直译式脚本...

xuexiangjys 2019-08-02 16:12 评论0 收藏0
如何理解JavaScript的原型和原型链？

摘要：之前有朋友问怎么去理解原型和原型链的问题。理解原型链的小技巧将箭头视作泛化子类到父类关系那么图中所有的虚线将构成一个继承层级，而实线表示属性引用。原型链是实现继承的重要方式，原型链的形成是真正是靠而非。之前有朋友问怎么去理解原型和原型链的问题。这个问题，在面试中，很多同学经常都会遇到。这里给大家讲讲，方便大家记忆。 JavaScript的特点JavaScript是一门直译式脚本...

adie 2019-08-23 16:54 评论0 收藏0
【5】JavaScript 函数高级——原型与原型链深入理解（图解）

摘要：探索是如何判断的表达式如果函数的显式原型对象在对象的隐式原型链上，返回，否则返回是通过自己产生的实例案例案例重要注意的显示原型和隐式原型是一样的。面试题测试题测试题报错对照下图理解原型与原型链深入理解（图解）原型（prototype）函数的 prototype 属性（图）每个函数都有一个prototype属性，它默认指向一个Object空对象（即称为：原型对象）原型对象中有...

马龙驹 2019-08-23 17:17 评论0 收藏0
JS基础-原型、原型链真的不能一知半解

摘要：原型链和对象的原型是对象实例和它的构造函数之间建立的链接，它的值是构造函数的。对象的原型根据上文提到的构造调用函数的时候会创建一个新对象，自动将的原型指向构造函数的对象。 showImg(https://segmentfault.com/img/remote/1460000020185197); JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清...

changfeng1050 2019-08-26 11:00 评论0 收藏0
JavaScript面向对象---原型链继承

摘要：因为这造成了继承链的紊乱，因为的实例是由构造函数创建的，现在其属性却指向了为了避免这一现象，就必须在替换对象之后，为新的对象加上属性，使其指向原来的构造函数。这个函数接收两个参数子类型构造函数和超类型构造函数。最近一直在研究js面向对象，原型链继承是一个难点，下面是我对继承的理解以下文章借鉴自CSDN季诗筱的博客原型链继承的基本概念： ES中描述了原型链的概念，并将原型链作为实现...

vspiders 2019-08-20 13:33 评论0 收藏0