理解原型对象（有些文章简称为原型）和原型链，是理解JS的重要一环。下面是笔者对JS中原型的理解，
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
本文主要是根据《head first javascript程序设计》摘抄学习而成，学习采用这本书主要是一位阿里大佬的建议，经过近期的学习阅读，发现确实比其他的js书籍能更好的理解和使用js的相关知识。
有了前面两篇文章的基础后，我们来谈一谈在JS中创建对象的几种方式。 建议大家先预习下先前的两篇博客： 稳扎稳打JavaScript（一）——作用域链 稳扎稳打JavaScript（二）——图解对象内存模型 在JS中，创建对象的方式有很多，而且各有千秋，我们需要根据实际的业务需求选择不同的方式。 1. 工厂模式 这是创建对象最为简单的方式。 1.1. 定义方式 工厂模式的思想是：将对象构建的过程封装在一个函数中。这个函数能创建一个对象，并为他进行初始化赋值，最后返回这个对象。若要新建对象，调用这个
在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
对象的定义：‘无序属性的集合，其属性可以包含基本值、对象或者函数。’ 严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。所以我们可以把 ES 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。
JS作为函数式编程的语言，受其他语言的影响，也可以用对象式编程，一种是用函数模仿对象，另一种是ES6添加的class。
在js中万物皆对象，对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的，可以归为一类，他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。那样太消耗内存了。所以，在js中怎么才能让多个对象共享一个或多个方法呢？原型的出现就是为了解决这个问题。
面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次
对于使用基于类的语言，如 Java 的开发人员，js 令人困惑，因为它是动态的，并且本身不提供一个 class 实现。（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍是基于原型）。
1. 什么是JS对象？ 在JS中，对象是一组无序属性的集合。其中，属性可以是基本数据类型、引用类型、函数。如下面这个对象的例子： var chai={ name : "柴毛毛", // 属性为基本数据类型 perosn : { // 属性为引用类型 address : "xxx", sex : "man" }, getName : function () { // 属性为函数 return this.name; } }
1、构造函数有原型对象，原型对象有指针指向结构函数，每个实例都有内部指针指向原型对象。
1.在典型的oop的语言中，如java,都存在类的概念，类就是对象的模板，对象就是类的实例。但在js中不存在类的概念，js不是基于类，而是通过构造函数(constructor)和原型链（propotype chains）实现的。但在ES6中引入了类（class）这个概念，作为对象的模板，新的class写法知识让原型对象的写法更加清晰，这里不重点谈这个
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的'，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让原型对象的写法更加清晰、更像面向对象编程的语法而已。
参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中，我们最为关注的是两种行为，一是创建对象，二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示， 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /
JavaScript规定，每一个函数都有一个prototype对象属性，指向另一个对象。prototype对象属性的所有属性和方法都会被构造函数的实例继承。这意味着我们可以把那些公用的属性和方法，直接定义在prototype对象属性上。
2、js中的对象是通过引用传递的，只有一个原型对象，而不是new复制一个对象，所以对原型的操作和更新会影响所有对象。这是原型对象的实时性。
Object就是一个构造函数，是js内置的构造函数,上面的例子中Object就是obj的构造函数，这个例子似乎不太明显，我们继续看
在上面的例子中 o1 o2 o3 为普通对象， f1 f2 f3 为函数对象。 怎么区分，其实很简单，凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。 f1,f2,归根结底都是通过 new Function()的方式进行创建的。
原型对象有一个constructor属性，指向该原型对象对应的构造函数 foo 为什么有 constructor 属性？那是因为 foo 是 Foo 的实例。 那 Foo.prototype 为什么有 constructor 属性？？同理， Foo.prototype Foo 的实例。 也就是在 Foo 创建的时候，创建了一个它的实例对象并赋值给它的 prototype
学习js的过程中我们绕不开两链一包的学习，尤其是在面试中，关于作用域链，前些时间分析过了，有兴趣的话可以关注一下关于JS中的作用域中的沉思，这篇文章主要是关注原型链性质特点
前两天，做了一道CTF题目，遇到了js原型链污染。 js原型，我的理解，类似于java中的静态属性。
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
对象是 javascript 基本数据类型。对象是一种复合值： 它将很多值（原始值或者其它对象）聚合在一起，可通过名字访问这些值。
实例对象的隐式指向（__proto__）的原型等于构造器的显式指向的（prototype）原型。
可以说我们的每一次编程,内在都有原型对象来发挥着作用,如果你没有掌握原型对象的含义,那么你的js还没有真正的入门!
JSON全称为JavaScript对象简单表示法(JavaScript Object Notation)
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
每个函数都有一个 prototype 原型属性，这个属性它是一个指针，指向一个对象，而这个对象的用途是可以由特定类型的所有实例共享的属性和方法。则这个 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。
JavaScript是一门面向对象的语言，所有的对象都从原型继承属性和方法，那么什么是原型？对象与对象之间如何实现继承？
js分为「函数对象」和「普通对象」，每个对象都有__proto__属性，但是只有函数对象且「非箭头函数」才有prototype属性。
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
SuperType 和SubType。每个类型分别有一个属性和一个方法。它们的主要区别是：
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
补充: js中说一切都是对象,是不完全的,在js中6种数据类型(Undefined,Null,Number,Boolean,String,Object)中,前五种是基本数据类型,是原始值类型,这些值是在底层实现的,他们不是object，所以没有原型，没有构造函数,所以并不是像创建对象那样通过构造函数创建的实例。关于对象属性类型的介绍就不介绍了。
最近学习了js的面向对象编程,原型和原型链这块是个难点,理解的不是很透彻,这里搜集了一些这方面的资料,以备复习所用 一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： function F(){ ; } alert(F.prototype instanceof Object) //true 构造函数，也即构造对象。首先了解下通过
网上有太多关于原型的资料，不是一上来就各种概念，让人看到摸不着头脑，就是贴各种代码，少个通俗的解释，所以才有了这一篇文章。
简介:继承是OO语言中的一个最为人津津乐道的概念。许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。 但是JS的函数并没有签名,所以在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承。而且其实现继承只要是靠原型链来实现的。 1、原型链: ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。 基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法。 简单回顾下构造函数、原型和实例的关系:每个构造函数
JS面向对象中的原型 每一个函数都有一个属性 即原型对象（显式原型：prototype）这个原型对象默认指向一个Object空对象，同时每一个原型对象（prototype）都有一个属性（constructor）又指向构造函数（构造函数和它的原型对象相互引用），同时每一个实例对象又有一个__proto__属性（隐式原型），这个属性指向其构造函数的原型对象 （Fn.prototype===fn.__proto__）。
http://www.cnblogs.com/gaojun/p/3386552.html
js 作为一种动态语言，他的强大之处已经不用我来废话了，那么如果要学习js，你可以学习一些基础入门的简单的，也就是我们常用的一些操作数组啊、格式转化啊等，这些为什么简单呢？其实本质不是它多简单，是它的实用性有多强，我们在写项目的时候很多的时候用到的知识点我们认为是很简单的，原因是是因为我们用了，所以觉得简单，它的简单与否和它本身的难度是没有必然关系的，所以说这么多的意思呢就是今天要说的原型链其实不是很难，只是我们觉得它比较难，原因很简单，我们切实感受到他的存在的时候不多。那么今天我们就简单的会会这个js里面最无聊的部分，原型链。
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
当我们这个对象有对多个共同值的时候，可以把相同的东西当如原型里，这样每次创建这个对象的时候，就可以直接调用而不是重新创建。
继承: 在创建子对象时，new的第2步自动设置子对象继承构造函数的原型对象
与多数面向对象的开发语言有所不同，虽然JavaScript没有引入类似类的概念（ES6已经引入了class语法糖），但它仍然能够大量的使用对象，那么如何将所有对象联系起来就成了问题。于是就有了本文中我们要讲到的原型和原型链的概念。
<!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
学习JS的过程中，想要掌握面向对象的程序设计风格，对象模型（原型和继承）是其中的重点和难点，拜读了各类经典书籍和各位前辈的技术文章，感觉都太过高深，花费了不少时间才搞明白（个人智商是硬伤/(ㄒoㄒ)/~~），这里略作总结尽量通俗易懂。 一、基本概念 1、对象：属性和方法的集合，即变量和函数的封装。每个对象都有一个__proto__属性，指向这个对象的构造函数的原型对象。 2、构造器函数：用于创建对象的函数，通过new关键字生成对象。函数名一般首字母大写的。 3、原型对象：每个函数都有一个prot
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
