为了更好的图文对照，我为每条线编了标号，接下来的细节讲解，都会用到这张图里的编号：
一、原型与原型链的定义 原型：为其他对象提供共享属性的对象 注：当构造器创建一个对象，为了解决对象的属性引用，该对象会隐式引用构造器的"prototype"属性。程序通过constructor.prototype可以直接引用到构造器的"prototype"属性。并且添加到对象原型里的属性，会通过继承与所有共享此原型的对象共享。 原型链：每个由构造器创建的对象，都有一个隐式引用(叫做对象的原型)链接到构造器的"prototype"属性。再者，原型可能有一个非空隐式引用链接到它自己的原型，以此类推，这叫
概念： 是一种创建型设计模式,它通过复制一个已经存在的实例来返回新的实例,而不是新建实例。被复制的实例就是我们所称的原型。 原型模式的拷贝：分为"浅拷贝"和"深拷贝"。（这个和我们理解的拷贝是一样的） 浅拷贝: 对值类型的成员变量进行值的复制,对引用类型的成员变量只复制引用,不复制引用的对象. 深拷贝: 对值类型的成员变量进行值的复制,对引用类型的成员变量也进行引用对象的复制. 组成 原型模式涉及到三个角色： （1）客户(Client)角色：客户类提出创建对象的请求。 （2）抽象原型(Prototype)
模式意图 由于有些时候，需要在运行时指定对象时哪个类的实例，此时用工厂模式就有些力不从心了。通过原型模式就可以通过拷贝函数clone一个原有的对象，给现在的对象使用，从而创建更多的同类型的对象
有时看一些框架源码的时候，会碰到 isPrototypeOf() 这个函数，那么这个函数有什么作用呢？
原型对象有一个constructor属性，指向该原型对象对应的构造函数 foo 为什么有 constructor 属性？那是因为 foo 是 Foo 的实例。 那 Foo.prototype 为什么有 constructor 属性？？同理， Foo.prototype Foo 的实例。 也就是在 Foo 创建的时候，创建了一个它的实例对象并赋值给它的 prototype
Function 是JavaScript 里最顶层的构造器，它构造了系统中的所有对象，包括定义对象、系统内置对象、甚至包括它自己。
instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上
每个对象都可以有另一个对象作为其原型。然后前一个对象继承了它的所有原型属性。对象通过内部属性[[Prototype]]指定其原型。由[[Prototype]]属性连接的对象链称为原型链。
实例对象的隐式指向（__proto__）的原型等于构造器的显式指向的（prototype）原型。
js分为「函数对象」和「普通对象」，每个对象都有__proto__属性，但是只有函数对象且「非箭头函数」才有prototype属性。
「所有的对象都是通过new 函数生成的。」 包括let obj = {}，这种形式其实是语法糖，本质上是通过let obj = new Object()生成的。那么函数又是如何生成的呢？从图中可以清晰的看出函数本质上是通过new Function生成的，尽管我们平时不会这么去写，当然也不建议这么去写
原文链接：http://www.shuaihuajun.com/article/javascript-prototype-chain/
最近学习了js的面向对象编程,原型和原型链这块是个难点,理解的不是很透彻,这里搜集了一些这方面的资料,以备复习所用 一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： function F(){ ; } alert(F.prototype instanceof Object) //true 构造函数，也即构造对象。首先了解下通过
每个实例对象（object）都有一个私有属性（称之为 __proto__ ）指向它的构造函数的原型对象（prototype）。该原型对象也有一个自己的原型对象（__proto__），层层向上直到一个对象的原型对象为 null。根据定义，null 没有原型，并作为这个原型链中的最后一个环节。
作为一个前端小白，入门跟着这几个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
Brendan Eich(布兰登·艾奇) 作为JavaScript的作者曾说过 “它是C语言和Self语言一夜情的产物。”
原型和原型链这部分知识会影响到写面试题，或者做一些公共的组件和插件，总之是通用型的一些东西
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
阅读目录 小试身手 基于原型的继承 prototype属性与原型 实现一个class继承另外一个class 改变prototype 实现继承的方式 Javascript语言的继承机制，它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。 这部分知识也是JavaScript里的核心重点之一，同时也是一个难点。我把学习笔记整理了一下，方便大家学习，同时自己也加深印象。这部分代码的细节很多，需
记得当年初试前端的时候，学习JavaScript过程中，原型问题一直让我疑惑许久，那时候捧着那本著名的红皮书，看到有关原型的讲解时，总是心存疑虑。
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
在js中每个函数（非箭头函数，一般关于原型的有关知识我们都只考虑构造函数）都会拥有一个 prototype 属性，该属性值是一个对象，我们称之为原型对象。原型对象上默认会有 constructor 属性，指向该构造函数。创建原型的主要目的是为了对象实例共享属性和方法。
对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说，JavaScript 有点令人困惑，因为它是动态的，并且本身不提供一个 class 实现。（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍然是基于原型的）。
说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/163403.html原文链接：https://javaforall.cn
JavaScript从初级往高级走系列————prototype 原型 定义： 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 用一张图简单解释一下定义。 1.png 每个函数上面都有一个原型属性(prototype)，这个属性会指向构造函数的原型对象(Person.prototype) 每个函数的原型对象(Person.protorype)默认都有一个constructor属性指向构造函数本身(Pe
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
网上有太多关于原型的资料，不是一上来就各种概念，让人看到摸不着头脑，就是贴各种代码，少个通俗的解释，所以才有了这一篇文章。
JavaScript中的对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时[[prototype]]属性都会被默认赋予一个空的值。
javaScript原型链 概念 JavaScript之继承（原型链） 数据结构 var Person = function(){}; Person.prototype.type = 'Person'; Person.prototype.maxAge = 100; 分支主题 prototype(原型) constructor(构造方法) Person.prototype.constructor === Person; 自己的构造,指向自己. 无限循环 proto(原型链) Person.prototype.proto === Object.prototype 指向Object对象prototype(原型) proto(原型链/遗传进化链) 第一层指向,Function对象prototype(原型) 分支主题 Person.proto === Function.prototype 同时Function对象的proto(原型链)也指向Function的prototype(原型) Function.proto === Function.prototype 第二层指向,Object对象prototype(原型) 分支主题 Person.proto.proto === Object.prototype 第三次指向,null Person.proto.proto.proto === null var p = new Person(); console.log(p.maxAge); p.name = 'rainy'; 分支主题 实例对象没有prototype原型属性 仅具有proto(原型链) 第一层指向,Person对象prototype(原型) new Person().proto === Person.prototype 第二层指向,Object对象prototype(原型) new Person().proto.proto == Object.prototype 第二层指向,还等同Person对象的第二层指向 new Person().proto.proto === Person.proto.proto 第三次指向,null new Person().proto.proto.proto === null prototype、proto的关系 dir(Array) 分支主题 dir(new Array()) new Array().proto === Array.prototype true Array.prototype 分支主题 Array. 分支主题 可访问form直接方法 也可访问Array.proto内方法 也可访问Array.proto.proto.... 内方法[继承] 检验是否非进化链proto继承的属性 分支主题 .hasOwnProperty("") 构造指向自己 Array.prototype.constructor === Array true Array.prototype.constructor.prototype.constructor.prototype.constructor .... function Array() { [native code] } proto 分支主题 遗传进化链 or 进化链指针 进化链指针 new String().proto === String.prototype JS内置构造器和自定义函数都是Function构造器的原型(prototype) Array.proto === Function.prototype true String.proto === Function.prototype true Function.proto === Function.prototype true 只有Function.prototype是函数(function)类型 分支主题 为了保证函数构造器们的proto指向的都是函数 不能new的目标 分支主题 没有构造函数(不是函数),不能new 分支主题 分支主题 function才有构造,object没有 继承控制 Object Object.setPrototypeOf(child, parent); Object.prototype.extend class class Porsche extends Car function inherits(Chinese, People) & People.call(this, name, age) inherits(Chinese, People) 分支主题 分支主题 分支主题 作用 c
关于原型在JavaScript 进阶教程(1)--面向对象编程这篇文章已经讲过了，今天简单来复习一下。
在学习JavaScript中，我们知道它是一种灵活的语言，具有面向对象，函数式风格的编程模式，面向对象具有两点要记住，三大特性，六大原则。
原型(prototype)是 JavaScript 中对象的一个特殊属性，它用于实现属性和方法的继承。
优点：只会继承父的原型，不会继承父原本自带的属性或方法（只有调用new Father()才会继承自身的东西）
在这个例子中，Person 就是一个构造函数，我们使用 new 创建了一个实例对象 person。
通过构造函数生成的实例化对象，无法共享属性或方法(即每个实例化对象上都有构造函数中的属性和方法)；造成了一定的资源浪费 1 function Obj(name,age){ 2 this.name=name; 3 this.age=age; 4 this.func=function(){ 5 return 'this is a test function'; 6 }; 7 } 8 var o1=new Obj('小明',10); 9 var o
JavaScript 在编程语言界是个特殊种类，它和其他编程语言很不一样，JavaScript 可以在运行的时候动态地改变某个变量的类型。
在 Javascript中，函数是一个包含属性和方法的Function类型的对象。而原型（ Prototype）就是Function类型对象的一个属性。
大部分面向对象的编程语言，都是以类class作为对象的基础语法，js语言不是如此，它的面向对象编程基于‘原型对象’。
在JavaScript中，每个函数都有一个特殊的属性称为"prototype"。这个"prototype"属性是一个对象，它定义了该函数创建的对象的共享属性和方法。
原型模式是一种创建型设计模式，它通过复制现有对象来创建新对象。该模式基于一个原型对象，通过克隆来创建新的对象，避免了创建过程中的复杂配置。原型模式分为浅拷贝和深拷贝两种类型，浅拷贝只复制对象的基本类型数据和引用类型的引用，而深拷贝则复制了整个对象，包括对象内部的引用类型。原型模式适用于需要创建大量相似对象的场景，可以提高代码复用性，减少对象创建的开销。
JavaScript是一门支持面向对象编程的语言，它的函数是第一公民，同时也拥有类的概念。不同于传统的基于类的继承，JavaScript的类和继承是基于原型链模型的。在ES2015/ES6中引入了class关键字，但其本质仍然是基于原型链的语法糖。
其实，刚开始学 JavaScript 时，就有学过原型与原型链的相关知识了，只是当时还没有养成写笔记的习惯，导致现在已经忘的七七八八了。
续上一集内容，通过构造函数的方式，成功地更新了生产技术，老板笑呵呵，工人少奔波，只是问题总比办法多，又遇到一个新问题，就是会造成一些资源的重复和浪费，那么经过工程师们的智慧交流，他们产生了一个新技术，原型模式。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
