关键词：
原型（prototype）这个词来自拉丁文的词proto，意谓“最初的”，意义是形式或模型。在JavaScript中，原型的探索也有很多有趣的地方，接下来跟随我的脚步去看看吧。原型对象释义
每一个构造函数都有一个与之相关联的对象，该对象称之为原型对象。
每个实例对象都能共享其原型对象上的属性和方法。
原型对象的作用主要用来实现属性的继承，让实例对象能共享原型对象的属性，减少内存分配。
所以，在上一节中，我们想在每个Person对象中共享同一个say方法，可以这样来实现。
function Person(name, age) {
this.name = name;
this.age = age;
}//在原型对象上添加say函数，实例对象共享该函数
Person.prototype.say = function(){
console.log("say hello");
};var p = new Person("zs", 10, say);
p.say();var p2 = new Person("zs", 10, say);
p2.say();
在原型对象上添加成员的方法：
? 构造函数.prototype.成员名 = 成员值；
为Person原型对象添加say方法后，实现了在多个实例对象上共享该方法的功能。
获取原型对象的方法：
? 构造函数.prototype
? 实例对象. proto
在每个实例对象上都有一个 proto 的属性，也是用来获取该对象的原型对象。
Person.prototype == p. proto ；//true
下图详细说明了各对象之间的关系：
面向对象中的核心概念
构造函数：Person，和new关键字一起创建对象
构造函数的原型对象：Person.prototype，
原型对象：和创建实例对象的构造函数相互关联的对象
实例对象：由构造器创建出来的对象称之为实例对象
实例化：由构造器创建实例对象的过程称之为实例化
对象的成员：属性+方法
实例成员：实例对象上的属性和方法，name,age，只能当前实例对象才能访问
原型成员：原型对象上的属性和方法，say()，使用该原型对象对应构造器创建出来的所有实例对象都能访问
静态成员：直接添加在构造函数上的属性和方法，只能使用构造函数才能访问
proto 属性介绍
该属性是在ES6之后才纳入规范，在这之前，只有部分浏览器实现。
该属性可以获取指定实例对象的原型对象，p. proto ，和Person.prototype获取的一样
我们也可以使用Object构造器上的getPrototypeOf(实例对象)方法获取指定实例对象的原型对象
以上提到的三种获取原型对象的方法所得到的结果是一样的。即：
Object.getPrototypeOf(p) == Person.prototype == p. proto
扩展内置对象
内置对象是JS中事先定义好的对象，可以直接拿来使用的对象，在这类对象中已经封装好了一堆的方法和属性，方便开发者完成基本的功能。
但是在实际开发中，这些属性或者方法不一定能够满足我们的需求，此时就需要对这些内置对象做功能扩展。
需求：为数组对象添加一个获取元素个数的方法
var arr1 = [1, 2, 3];var arr2 = ["A", "B", "C","D"];
arr1.getLength = function () {
return this.length;
}console.log(arr1.getLength());
上面为数组arr1添加了一个getLength()方法获取其元素个数，那么此时的arr2对象上有这个方法吗？相信大家心里都有答案。如果想要arr2拥有同样的功能，也需要同样的操作。
所以这种方式不可取，如果100个数组都想都需要这样的功能，操作起来就比较复杂了。
根据前面学过的知识点，我们完全可以使用原型来解决这个问题。
var arr1 = [1, 2, 3];var arr2 = ["A", "B", "C","D"];Array.prototype.getLength = function () {
return this.length;
}console.log(arr1.getLength());// 3console.log(arr2.getLength());// 4
我们直接在Array的原型对象上添加getLength()方法，之后创建的所有的数组对象都拥有了该方法，搞定！
这种方式能够解决我们的问题，但是还是存在问题的：
在多人开发的环境中，如果使用这种方式对内置对象做扩展，可能会对其他开发人员造成影响
如果在原型对象上添加了过多的成员，会降低对象成员的搜索效率。
安全的扩展内置对象
上面扩展内置对象的方法存在一定的问题，问题的关键其实在于我们是直接在内置对象的原型上进行拓展的，这样导致对其他使用该对象的开发人员造成影响。
所以，我们的解决思路就是，自定义一个对象，让该对象继承需要扩展的内置对象，然后只需要对自定的对象进行操作即可。
function MyArray() {
}//让MyArray的原型指向Array对象//即继承Array中的所有成员
MyArray.prototype= new Array();
MyArray.prototype.getLength=function () {
return this.length;
}var arr1 = new MyArray();
arr1.push("A","B","C","D","E");//内置对象的初始方法console.log(arr1.getLength());//扩展之后的方法
接下来，如果想要对数组做扩展，我们只需要操作MyArray即可，而不需要直接操作Array，如此，就不会对其他使用Array的开发人员操作影响了。看图理解：
原型链的结构图
每个实例对象都是由构造函数创建出来的
每一个构造函数都有默认关联的原型对象
原型对象本身也是对象，所以它也有自己的构造函数
原型对象的构造函数也有默认关联的原型对象
以上就构成了一种链式访问结构，称之为原型链
下面画出了Person对象和Array对象的原型链：
关于原型和原型链，为大家展示的差不多了。但是它的核心内容还远远不止这些。接下来还有很多内容需要大家继续探索，如果你对此感兴趣，那就关注我们，接下来会发布更多教程供大家参考。
javascript原型和原型链
前言在了解原型和原型链之前，我们先了解一部分概念，constructor，prototype，proto。constructor在之前判断数据类型的文章:javaScript常见数据类型检查校验有提到过关于构造函数的属性constructorconstructor的是返回创建实例对象的 查看详情
javascript扩展原型链浅析
...简单的概念介绍和解析，本文将浅析一些原型链的扩展。javaScript原型和原型链http://lewyon.xyz/prototype.html扩展原型链使用new操作符利用原型是对象的特性，实例化对象的时候，继承多个构造函数的属性和方法兼容性：支持目前 查看详情
javascript探秘：强大的原型和原型链
...是上例中的for(variinfoo){if(foo.hasOwnProperty(i)){console.log(i);}}JavaScript不包括传统的类继承模型，而是使用prototypal原型模型。尽管这常常被当作是JavaScript的缺点被提及，事实上基于原型的继承模型比传统的类继承还要强大。实现传统... 查看详情
介绍下javascript原型和原型链的特点？
JavaScript原型：每个对象都会在其内部初始化一个属性，就是prototype(原型)。 原型链：当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，... 查看详情
原型和原型链—javascript面向对象高级
原型 1.原型有什么用：js是用原型来实现继承 2.原型是：每一个对象都有其原型对象__proto__,这个原型对象指向构造它的构造函数的原型属性prototype. ##一、函数和对象的关系## 1.函数是对象的一种，instanceof可以判断... 查看详情
5.javascript原型链和继承详解(代码片段)
JavaScript原型链和继承详解上一篇JavaScript作用域和闭包详细总结下一篇JavaScript浅层克隆和深层克隆文章目录JavaScript原型链和继承详解一、原型二、原型链原型链图解了解this与call/apply方法三、继承一、原型1.定义：原型是funct... 查看详情
javascript原型链之原型对象实例和构造函数三者之间的关系
【转】Javascript原型链之原型对象、实例和构造函数三者之间的关系 查看详情
javascript----原型，原型链（什么是原型）
...把这部分抽取出来讲。再讲这个概念时我们先大致了解下JavaScript中的“对象”。什么是对象？JavaScript权威指南中给的解释是：对象是一种复合数据类型，它们将多个数据值集中在一个单元中,而且允许使用名字来存取这些值。或... 查看详情
javascript原型和原型链(代码片段)
...ctor，prototype，proto。constructor在之前判断数据类型的文章:javaScript常见数据类型检查校验有提到过关于构造函数的属性constructorconstructor的是返回创建实例对象的构造函数的引用，这个属性的值是对函数本身的引用，而不是一个包... 查看详情
javascript原型和原型链
一、JavaScript中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象。凡是通过newFunction()创建的对象都是函数对象，其他的都是普通对象。Object、Function是JavaScript自带的函数对象。varo1={};varo2=newObject();varo3=newf1();function... 查看详情
javascript原型和原型链
一、对象与函数的关系1.对象是函数创建，函数也是一种对象。2.对象的创建方式2.1.Object构造函数创建对象newObject()；2.2.字面量创建对象varx=new()；其本质就是newObject方式创建。2.3.通过工厂模式创建，在方法中使用newObject()；可以... 查看详情
如何理解javascript的原型和原型链
在现在的业务开发中，应该很少人在写原生JavaScript了，大家都一股脑地扑在各个框架上。本来，这些框架对于业务和开发者来说是一种福音，减少了各种各样的开发痛点，但是带来的负面问题就是对于开发者来说，越来越依赖... 查看详情
对javascript的原型，原型链和继承的个人理解
继承是OO语言中一个最为人津津乐道的概念，也是初接触Javascript的初学者难理解的概念=。=继承主要分为两种：一种是接口继承，另一种是实现继承。而在ECMAScript中只支持实现继承，所以我们今天来讨论讨论实现继承。实现继承... 查看详情
javascript原型链理解
javascript原型和原型链的引入，最初的目的是属性和方法的共享。没有原型，我们使用同一个构造函数新建的一系列对象，就都拥有一组完全相互独立的属性和方法，但是方法和一些属性我们不需要所有对象都各自有一个，... 查看详情
javascript里的原型链
...prototype）中，prototype的值是一个Object类型数据（对象）。JavaScript的数据对象有哪些 查看详情
前端面试-原型和原型链
classjavaScript原型链javaScript类 查看详情
javascript之原型和原型链
众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员... 查看详情
javascript之粗浅原型和原型链(代码片段)
目录1、示例代码2、注解1、示例代码functionStudent(params) this.params=params;letstudent=newStudent('159357');console.log(student.__proto__===Student.prototype);//trueconsole.log(student.co 查看详情