JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
一切皆“对象” JS中一切皆“对象” “对象”是属性的集合，而属性又是对象。既然属性又是对象，那么一个对象的属性也可以拥有属性，如： //定义一个函数getName var getName = function(){ return "chaiMaoMao"; } //由于一切皆对象，故getName也为对象，故可以给它添加属性，属性可以是任何类型 getName.value = "lalala"; getName.toString = function(){ //…… } JS中的“对象
在js中[[Prototype]]属性最常出现的地方构造函数添加“原型方法”上面了。
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。
//这个系列的到目前为止，可能以后一段时间内，都是《JavaScript权威指南》的学习笔记。 （一） 对象 对象是JS的基本数据类型，类似于python的字典。然而对象不仅仅是键值对的映射，除了可以保持自有的属性，JS对象还可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。（这种对象之间属性的继承，应该就是JS对象和Python字典的主要区别）。还有另一个区别就是，JS对象可以设置属性特性，这里先跳过。 除了字符串、数字、true、false、null和undefined之外，JS的值都是对象
从结果可以看到定义一个function，它里边所含有的内容这六个属性是每个function所必有的，直接看第五个prototype（注意prototype是一个对象）就是传说中的原型（本文只称它为prototype，也叫显性原型），第六个属性是灰色的并且用尖括号括起来，在以前版本的浏览器它有另外一个名字叫__proto__(也叫隐形原型)。
可以说我们的每一次编程,内在都有原型对象来发挥着作用,如果你没有掌握原型对象的含义,那么你的js还没有真正的入门!
在JavaScript中，每个函数 都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给对象实例（也就是设置 实例的__proto__属性），也就是说，所有实例的原型引用的是函数的prototype属性。
概述： 在接触JS的过程中，随着理解的深入会逐渐的理解一些比较深奥的理论或者知识，那么今天我们来介绍一下比较难理解的prototype和constructor。 初步理解： 在说prototype和constructor之前我们先得看几个例子。 function name(obj){ alert(obj)//"uw3c" } name("uw3c") 这是个普通的自调用的例子，大家都能理解，那么看下一个例子： function name(obj){ alert(obj)//"uw3c" }
在这篇文章中，我们将讨论原型以及如何在 JS 中使用它们进行继承。我们还将会看到原型方法与基于类的继承有何不同。
对象是 javascript 基本数据类型。对象是一种复合值： 它将很多值（原始值或者其它对象）聚合在一起，可通过名字访问这些值。
JS使用原型链实现“继承” JS是“基于对象”的语言，因此没有继承。但可以使用JS的特性实现“继承”——原型链。 JS使用_proto_属性构造原型链，如 p._proto_ ——> Perosn.prototype Perosn.prototype._proto_ ——> Object.prototype Person._proto_ ——> Function.prototype Function.prototype._proto_ ——> Object.prototype 若当前对象中
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
本文章代码运行环境为edge103.0.1264.44 (正式版本) (64 位)
在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
2.JS中的真真假假 空，null,undefined,false,0,””,'',NaN都为假,其他都为真 3.函数，类，对象，构造器有什么区别? 答:在js中函数，类，对象，构造器可以说是没
咱们经常听到JS中“一切皆对象”？ 有没有问想过这是什么意思？ 其它语言也有“一切皆对象”之说，如Python。 但是Python中的对象不仅仅是像JS对象这样的存放值和值的容器。 Python中的对象是一个类。 JS中有类似的东西，但JS中的“对象”只是键和值的容器：
这一章相对来说是部重头戏，看完之后才发现用了这么久的js，却很少有用真正OO的思想在写js代码……
js的数据类型主要分为基本类型和引用类型。基本类型包括String、Number、Boolean、undefined、null。引用类型包括Object。
之前学习对象的继承的时候遇到了很多对象的属性，这些属性理解起来还是比较费力的，理解了很多遍，也记忆了很多遍，同样的也忘记了很多遍 现在给它做个小整理吧
首先，明确一点：js中的对象分为普通对象和函数对象，一般我们自定义的可以被new的函数称作函数对象，另外js内置了譬如：Array、Date、Object、Function、Number、String、Boolean、RegExp、Error等这些函数对象：
浏览器环境： 是指 JS代码在浏览器中的运行时环境，它包括V8自动构建的对象（即ECMAScript的内容,如Date、Array），浏览器（内置）传递给V8的操作DOM和BOM的对象（如document、navigator）；
虽然在js中没有类，构造函数本质上也只是一个普通函数，new关键字调用一个构造函数来创建一个新对象，也是js在努力模仿面向对象语言中类new对象的实现，这个模仿过程也对开发者造成很大误导，但不能否认的是也降低了理解的门槛，在初期快速上手阶段还是很有帮助的。
在javascript语言中，原型与原型链是一个非常重要的概念，因为它们是javascript语言得以成立的根本。因为javascript是基于原型的面向对象编程语言，这有别于基于类的java、python等面向对象编程语言。虽然javscript现在也有了class，但它骨子里还是个基于原型的语法糖罢了。所以在使用javascript时，始终要记清基于原型，基于原型，基于原型。
下面这张图是一位小伙伴面试前端岗位，被问到JavaScript的原型和原型链的知识点，没有答出来，面试结束之后，HR发给他的。我觉得这张图把prototype和__proto__解释的很好，在这里分享给大家，并为大家推导一下整幅图：
在Js中，当试图引用对象的某个属性时，会进行GET操作，第一步会检查对象本身是否拥有这个属性，如果有的话就使用它，否则就会往对象的原型链上查询，一直查到该属性或者到达原型链的最顶端(与作用域类似，作用域查询变量，原形链查询属性)。如下代码：
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。
理解原型对象（有些文章简称为原型）和原型链，是理解JS的重要一环。下面是笔者对JS中原型的理解，
每个实例对象(object)都有一个私有属性(__proto__)指向其构造函数的原型对象(prototype)。该原型对象也有自己的原型对象，层层向上直到一个对象的原型对象为null。根据定义null没有原型，并作为原型链的最后一个环节。
注意：js 中交换原型链，均需要修复prototype.constructor指向问题。
为了更好的图文对照，我为每条线编了标号，接下来的细节讲解，都会用到这张图里的编号：
学习Javascript人，大多听说一句话叫js里面一切都是对象。我刚开始接触javascript面向对象编程时候，挺乱的，我当时习惯性的把PHP的面像对象思想套用在js上面，其实js的面向对象与传统的面向对象还是有很多区别的。这里就不再去讲解基础的面向对象是什么了，看这篇文章就默认大家都知道面向对象的概念。 首先，在目前的js版本中，依然没有引入class这个关键词，js里面没有类的概念，其他语言在实例化一个对象的时候，都是使用new 类名来得到实例，而js由于没有class,因此它的面向对象也可以理
状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。
前言 当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用，从而忽略了对原生 JavaScript 的学习和深入理解。所以，经常出现的情况是，很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明，即使使用了框架，其代码组织也非常糟糕。这都是对原生 JavaScript 语言特性理解不够的表现。要掌握好 JavaScript，首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思
1994年，网景公司（Netscape）发布了Navigator浏览器0.9版，但是刚开始的Js没有继承机制，更别提像同时期兴盛的C++和Java这样拥有面向对象的概念。在实际的开发过程中，工程师们发现没有继承机制很难解决一些问题，必须有一种机制能将所有的对象关联起来。
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第 30 天，点击查看活动详情
关于原型在JavaScript 进阶教程(1)--面向对象编程这篇文章已经讲过了，今天简单来复习一下。
有了前面两篇文章的基础后，我们来谈一谈在JS中创建对象的几种方式。 建议大家先预习下先前的两篇博客： 稳扎稳打JavaScript（一）——作用域链 稳扎稳打JavaScript（二）——图解对象内存模型 在JS中，创建对象的方式有很多，而且各有千秋，我们需要根据实际的业务需求选择不同的方式。 1. 工厂模式 这是创建对象最为简单的方式。 1.1. 定义方式 工厂模式的思想是：将对象构建的过程封装在一个函数中。这个函数能创建一个对象，并为他进行初始化赋值，最后返回这个对象。若要新建对象，调用这个
本来想写一篇“如何用JS实现面向对象”，发现自己对prototype原型链还是有很多的不理解的地方。先看一张原型链关系图：
JavaScript中的对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时[[prototype]]属性都会被默认赋予一个空的值。
https://mp.weixin.qq.com/s/4hQplDJ4xrV30ZkwE78QVQ
当你创建函数时，JS会为这个函数自动添加prototype属性，值是空对象。而一旦你把这个函数当作构造函数（constructor）调用（即通过new关键字调用），那么JS就会帮你创建该构造函数的实例，实例继承构造函数prototype的所有属性和方法（实例通过设置自己的__proto__指向承构造函数的prototype来实现这种继承）。
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中，但是记得多了反而容易记混。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
