在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
每个对象都有一个__proto__属性，该属性是一个对象，被称为原型对象，原型对象有一个constructor属性，指向创建对象的那个函数（obj.constructor === obj.__proto__.constructor）
原型是function对象下的属性，它定义了构造函数的共同祖先，也就是一个父子级的关系，子对象会继承父对象的方法和属性
每个函数都有一个 prototype 原型属性，这个属性它是一个指针，指向一个对象，而这个对象的用途是可以由特定类型的所有实例共享的属性和方法。则这个 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。
最近学习了js的面向对象编程,原型和原型链这块是个难点,理解的不是很透彻,这里搜集了一些这方面的资料,以备复习所用 一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： function F(){ ; } alert(F.prototype instanceof Object) //true 构造函数，也即构造对象。首先了解下通过
理解原型对象（有些文章简称为原型）和原型链，是理解JS的重要一环。下面是笔者对JS中原型的理解，
原型对象有一个constructor属性，指向该原型对象对应的构造函数 foo 为什么有 constructor 属性？那是因为 foo 是 Foo 的实例。 那 Foo.prototype 为什么有 constructor 属性？？同理， Foo.prototype Foo 的实例。 也就是在 Foo 创建的时候，创建了一个它的实例对象并赋值给它的 prototype
维基百科的解释是：把接收多个参数的函数变换成接收一个单一参数（最初函数的第一个参数）的函数，并返回接受剩余的参数而且返回结果的新函数的技术。其由数学家Haskell Brooks Curry提出，并以curry命名。
ECMAScript 有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript 没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。
首先，要明确几个点： 1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。 即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。 2.方法(Function) 方法这个特殊的对象，除了和其他对象一样有上述_proto_属性之外，还有自己特有的属性——原型属性（prototype），这个属性是一个指针
参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中，我们最为关注的是两种行为，一是创建对象，二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示， 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /
本文主要是根据《head first javascript程序设计》摘抄学习而成，学习采用这本书主要是一位阿里大佬的建议，经过近期的学习阅读，发现确实比其他的js书籍能更好的理解和使用js的相关知识。
解读: 上图中,Object,Function,Array,Boolean都是构造函数
对象是 javascript 基本数据类型。对象是一种复合值： 它将很多值（原始值或者其它对象）聚合在一起，可通过名字访问这些值。
有了前面两篇文章的基础后，我们来谈一谈在JS中创建对象的几种方式。 建议大家先预习下先前的两篇博客： 稳扎稳打JavaScript（一）——作用域链 稳扎稳打JavaScript（二）——图解对象内存模型 在JS中，创建对象的方式有很多，而且各有千秋，我们需要根据实际的业务需求选择不同的方式。 1. 工厂模式 这是创建对象最为简单的方式。 1.1. 定义方式 工厂模式的思想是：将对象构建的过程封装在一个函数中。这个函数能创建一个对象，并为他进行初始化赋值，最后返回这个对象。若要新建对象，调用这个
实例对象的隐式指向（__proto__）的原型等于构造器的显式指向的（prototype）原型。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
JavaScript是一门面向对象的语言，所有的对象都从原型继承属性和方法，那么什么是原型？对象与对象之间如何实现继承？
当我们这个对象有对多个共同值的时候，可以把相同的东西当如原型里，这样每次创建这个对象的时候，就可以直接调用而不是重新创建。
面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次
JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明
1. 什么是JS对象？ 在JS中，对象是一组无序属性的集合。其中，属性可以是基本数据类型、引用类型、函数。如下面这个对象的例子： var chai={ name : "柴毛毛", // 属性为基本数据类型 perosn : { // 属性为引用类型 address : "xxx", sex : "man" }, getName : function () { // 属性为函数 return this.name; } }
JS作为函数式编程的语言，受其他语言的影响，也可以用对象式编程，一种是用函数模仿对象，另一种是ES6添加的class。
javascript中的继承机制是建立在原型的基础上的，所以必须先对原型有深刻的理解，笔者在之前已经写过关于js原型的文章。
在js中万物皆对象，对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的，可以归为一类，他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。那样太消耗内存了。所以，在js中怎么才能让多个对象共享一个或多个方法呢？原型的出现就是为了解决这个问题。
1、构造函数有原型对象，原型对象有指针指向结构函数，每个实例都有内部指针指向原型对象。
原型链是javascript非常重要的基础知识。最近在阅读node.js，发现许多代码乍一看会觉得很费解，但细细品味之后会觉得非常优雅，对于代码细节的把控和性能的考量让人觉得赞叹。不得不说看大师级的作品真的是一种享受。本篇中我将以cluster模块中子进程管理对象Worker类的实现为例，带你一起看看堪称艺术的代码是如何像手术一样操作原型链，同时理解本节的知识点对于下一篇cluster模块的学习压力。
对象的定义：‘无序属性的集合，其属性可以包含基本值、对象或者函数。’ 严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。所以我们可以把 ES 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。
JavaScript规定，每一个函数都有一个prototype对象属性，指向另一个对象。prototype对象属性的所有属性和方法都会被构造函数的实例继承。这意味着我们可以把那些公用的属性和方法，直接定义在prototype对象属性上。
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
在上面的例子中 o1 o2 o3 为普通对象， f1 f2 f3 为函数对象。 怎么区分，其实很简单，凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。 f1,f2,归根结底都是通过 new Function()的方式进行创建的。
Object就是一个构造函数，是js内置的构造函数,上面的例子中Object就是obj的构造函数，这个例子似乎不太明显，我们继续看
可以说我们的每一次编程,内在都有原型对象来发挥着作用,如果你没有掌握原型对象的含义,那么你的js还没有真正的入门!
js分为「函数对象」和「普通对象」，每个对象都有__proto__属性，但是只有函数对象且「非箭头函数」才有prototype属性。
理解原型链与类有利于我们对代码的封装与简化 # JS原型链理论 # 1、函数与对象的关系 函数是对象，对象都是通过函数创建的。 函数与对象并不是简单的包含与被包含的关系。 # 2、原型的类别 显示原型：prototype，是每个函数function独有的属性。 隐式原型: __proto__，是每个对象都具有的属性。 # 3、原型和原型链 原型：一个函数可以看成一个类，原型是所有类都有的一个属性，原型的作用就是给这个类的一个对象都添加一个统一的方法。 原型链：每个对象都有一个__proto__，它指向它的p
1.在典型的oop的语言中，如java,都存在类的概念，类就是对象的模板，对象就是类的实例。但在js中不存在类的概念，js不是基于类，而是通过构造函数(constructor)和原型链（propotype chains）实现的。但在ES6中引入了类（class）这个概念，作为对象的模板，新的class写法知识让原型对象的写法更加清晰，这里不重点谈这个
JS面向对象中的原型 每一个函数都有一个属性 即原型对象（显式原型：prototype）这个原型对象默认指向一个Object空对象，同时每一个原型对象（prototype）都有一个属性（constructor）又指向构造函数（构造函数和它的原型对象相互引用），同时每一个实例对象又有一个__proto__属性（隐式原型），这个属性指向其构造函数的原型对象 （Fn.prototype===fn.__proto__）。
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的'，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让原型对象的写法更加清晰、更像面向对象编程的语法而已。
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> function Person(myName, myAge) { this.name = myName; this.age = myAge; } let obj1 = new Per
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
为了更好的图文对照，我为每条线编了标号，接下来的细节讲解，都会用到这张图里的编号：
内部函数被返回到外部，函数本身保留了父函数的AO,即使父元素执行完了，取消对AO的引用，但依旧被子函数保留下来了，就形成了闭包。
对象的继承：A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。
学习js的过程中我们绕不开两链一包的学习，尤其是在面试中，关于作用域链，前些时间分析过了，有兴趣的话可以关注一下关于JS中的作用域中的沉思，这篇文章主要是关注原型链性质特点
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
