JS原型链

tuantuan 发布于2019-08-20 12:06 / 1467人阅读

摘要：是凭空产生的可看作是由产生的可看作是产生的可看作是由自己创建的和原型有关的测试一个对象在其原型链中是否存在一个构造函数的属性检测是否存在于参数的原型链上得到的原型

JS原型链

参考：mdn js秘密花园 hattle的博客
对于js的原型链概念，一直都没有一个清晰的认知，最近看了许多参考资料，才算把这一块内容大致弄明白。

基本概念

在js中，一切皆对象

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

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

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

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

图示

图片来自 Hattle的博客

上面图片可以很好的表明js中原型链的关系。

Object.prototype是凭空产生的

Function.prototype可看作是由Object产生的

Object可看作是Function产生的

Function可看作是由自己创建的

和原型有关的API

instanceof, 测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性

`object instanceof constructor`

检测 constructor.prototype 是否存在于参数 object 的原型链上

Object.getPrototypeOf(obj)得到obj的原型

云服务器 GPU云服务器 js原型链的继承原型原型链原型链原型链继承

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

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

JS基础-原型、原型链真的不能一知半解

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

changfeng1050 2019-08-26 11:00 评论0 收藏0
从实现角度分析js原型链

摘要：从实现角度分析原型链欢迎来我的博客阅读从实现角度分析原型链网上介绍原型链的优质文章已经有很多了，比如说作为补充，就让我们换个角度，从实现来分析一下吧本文假设你对原型链已经有所了解。从实现角度分析js原型链欢迎来我的博客阅读：《从实现角度分析js原型链》网上介绍原型链的优质文章已经有很多了，比如说： https://github.com/mqyqingfeng/Blog/issu...

CompileYouth 2019-08-20 19:04 评论0 收藏0
理解js的原型与继承

摘要：相当于在用原型继承编写复杂代码前理解原型继承模型十分重要。同时，还要清楚代码中原型链的长度，并在必要时结束原型链，以避免可能存在的性能问题。 js是一门动态语言,js没有类的概念,ES6 新增了class 关键字，但只是语法糖，JavaScript 仍旧是基于原型。至于继承,js的继承与java这种传统的继承不一样.js是基于原型链的继承. 在javascript里面,每个对象都有一...

wthee 2019-08-20 12:25 评论0 收藏0
js 的原型原型链原型链的继承

摘要：图片描述缺点是无法实现多继承可以在构造函数中，为实例添加实例属性。对象的方法 Object.assign() 对象可以简写，如果 key 和 value 相等则可以简写 let name = xm; let age = 2; let obj = { name， age, fn(){ // 可以省略函数关键字和冒号： console.log(2...

soasme 2019-08-26 10:13 评论0 收藏0
js原型链

摘要：构造函数，实例，原型三者的关系如下图构造函数是构成整个原型链的关键，是他利用将原型传给了后代。因此，通过操纵构造函数的，就能够操纵原型链，从而对原型链进行自在的拼接。要理解js的原型链主要就是理清楚以下三者的关系：构造函数的protitype属性对象的__proto__属性对象的constructor属性在js中，函数作为一等公民，它是一个对象，可以拥有自己的属性，可...

NervosNetwork 2019-08-22 17:59 评论0 收藏0
【前端基础进阶】JS原型、原型链、对象详解

摘要：二构造函数我们先复习一下构造函数的知识上面的例子中和都是的实例。这两个实例都有一个构造函数属性，该属性是一个指针指向。原型链其中是对象的实例。一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明 var o1 = {}; var o2 =new Objec...

explorer_ddf 2019-08-23 15:30 评论0 收藏0