在JS中，我们经常会遇到原型。字面上的意思会让我们认为，是某个对象的原型，可用来继承。但是其实这样的理解是片面的，下面通过本文来了解「原型与原型链」的细节，再顺便谈谈继承的几种方式。
在Js中，当试图引用对象的某个属性时，会进行GET操作，第一步会检查对象本身是否拥有这个属性，如果有的话就使用它，否则就会往对象的原型链上查询，一直查到该属性或者到达原型链的最顶端(与作用域类似，作用域查询变量，原形链查询属性)。如下代码：
JS的原型、原型链一直是比较难理解的内容，不少初学者甚至有一定经验的老鸟都不一定能完全说清楚，更多的"很可能"是一知半解，而这部分内容又是JS的核心内容，想要技术进阶的话肯定不能对这个概念一知半解，碰到问题靠“猜”，却不理解它的规则！
“函数”是我们在学习js中最常见的对象，每个实例化的对象都有一个私有属性（ __proto__ ）指向它的构造函数的原型对象（prototype ），每个原型都有一个自己的原型对象，基本上所有的对象最后的原型链都是Object的实例。
第一行代码声明了一个名为 Person 的函数，第二行代码，根据上面的构造函数定义，那么函数 Person 可以称作一个构造函数
网上有太多关于原型的资料，不是一上来就各种概念，让人看到摸不着头脑，就是贴各种代码，少个通俗的解释，所以才有了这一篇文章。
在上面的例子中 o1 o2 o3 为普通对象， f1 f2 f3 为函数对象。 怎么区分，其实很简单，凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。 f1,f2,归根结底都是通过 new Function()的方式进行创建的。
查看发现是一个叫“原型链污染”（Prototype chain pollution）的漏洞，还好这只是 dev 依赖，当前功能下几乎没什么影响，其修复方式可以通过升级包版本即可。
js这门语言有很多诟病，然而很多被无视的点，构成了js最为美妙的语言特性。这篇文章将带你走进魔术般的引用型数据类型和原型链背后，寻找那些被遗忘的超能力。并且，基于这些超能力，我们将实现功能极其复杂，但可以达到极为绝妙的架构设计。
❗️ ❗️ ❗️本篇系将带来JavaScript中的构造——原型——原型链——继承——ES6类语法系列知识完整讲解。 ❗️ ❗️ ❗️ ❕上篇涉及：构造——原型——原型链 ❕下篇涉及：继承——ES6类语法
JavaScript中的对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用。几乎所有的对象在创建时[[prototype]]属性都会被默认赋予一个空的值。
上篇文章详细解析了原型、原型链的相关知识点，这篇文章讲的是和原型链有密切关联的继承，它是前端基础中很重要的一个知识点，它对于代码复用来说非常有用，本篇将详细解析JS中的各种继承方式和优缺点进行，希望看完本篇文章能够对继承以及相关概念理解的更为透彻。
学过java的同学应该都知道，继承是java的重要特点之一，许多面向对象的语言都支持两种继承方式：接口继承和实现继承，接口继承只继承方法签名，而实现继承则继承实际的方法，在js中，由于函数没有签名，因此支持实现继承，而实现继承主要是依靠原型链来实现的，那么，什么是原型链呢？
本文主要讲解了JavaScript中函数原型属性以及原型链的概念，并通过实例介绍了原型链的查询和继承机制。同时，文中还介绍了自定义构造函数如何实现原型继承，以及使用原型继承的好处。
js 作为一种动态语言，他的强大之处已经不用我来废话了，那么如果要学习js，你可以学习一些基础入门的简单的，也就是我们常用的一些操作数组啊、格式转化啊等，这些为什么简单呢？其实本质不是它多简单，是它的实用性有多强，我们在写项目的时候很多的时候用到的知识点我们认为是很简单的，原因是是因为我们用了，所以觉得简单，它的简单与否和它本身的难度是没有必然关系的，所以说这么多的意思呢就是今天要说的原型链其实不是很难，只是我们觉得它比较难，原因很简单，我们切实感受到他的存在的时候不多。那么今天我们就简单的会会这个js里面最无聊的部分，原型链。
本文主要讲解了JavaScript中函数原型属性及其在编程实践中的应用，包括原型链、构造函数、继承和原型继承等概念。通过实例剖析了原型链的查询顺序、原型继承的运作方式以及自定义构造函数的实现。总结部分强调了原型属性在JavaScript中的重要性，是编程中需要了解和掌握的基础知识。"
JS在加载构造函数时，会在内存中生成一个对象，这个对象称为函数的原型对象(prototype)。
实例对象的隐式指向（__proto__）的原型等于构造器的显式指向的（prototype）原型。
原型和原型链据说是面试常考的东西（没面试过，不大清楚），对于初学者来说有一定的难度，但是其实它也非常的简单，几个概念理解好了就没什么问题了，我们先从一个例子出发，然后再引出相关的知识点，下面我们先来看一个例子
javascript中的继承机制是建立在原型的基础上的，所以必须先对原型有深刻的理解，笔者在之前已经写过关于js原型的文章。
1994年，网景公司（Netscape）发布了Navigator浏览器0.9版，但是刚开始的Js没有继承机制，更别提像同时期兴盛的C++和Java这样拥有面向对象的概念。在实际的开发过程中，工程师们发现没有继承机制很难解决一些问题，必须有一种机制能将所有的对象关联起来。
普通的内置对象与基本包装类型的主要区别就是对象的生命期，使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保存在内存中，而自动创建的基本包装类型的对象，则只是存在于一行代码的执行瞬间，然后立即被立即销毁。这意味着我们不能再运行时为基本包装类型值添加属性和方法。
面向对象：面向对象、原型 对原型、原型链、 Function、Object 的理解 什么是 JS 原型链？ 转载以上文章
下面这张图是一位小伙伴面试前端岗位，被问到JavaScript的原型和原型链的知识点，没有答出来，面试结束之后，HR发给他的。我觉得这张图把prototype和__proto__解释的很好，在这里分享给大家，并为大家推导一下整幅图：
持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第15天，点击查看活动详情
backbond中的M，指的是模型，即存放数据以及数据相关逻辑的单位。在分析其结构之前，先看一下其调用过程。
1.ECMAScript和javaScript的关系 可简单概括为：ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。 红宝书第一章小结： js是一种专为与网页交互而设计的脚本语言，由下列三个不同部分组成： 核心ECMAScript，提供核心语言功能； 文档对象模型（DOM），提供访问和操作网页内容的方法和接口； 浏览器对象模型（BOM），提供与浏览器交互的方法和接口。 JavaScript实现了ECMAScript规范（同样实现ECMAScript的还有A
JavaScript是一门面向对象的语言，所有的对象都从原型继承属性和方法，那么什么是原型？对象与对象之间如何实现继承？
继承是OO语言中的一个最为人津津乐道的概念.许多OO语言都支持两种继承方式: 接口继承 和 实现继承 .接口继承只继承方法签名,而实现继承则继承实际的方法.由于js中方法没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支持实现继承,而且其 实现继承 主要是依靠原型链来实现的.
前言 当今 JavaScript 大行其道，各种应用对其依赖日深。web 程序员已逐渐习惯使用各种优秀的 JavaScript 框架快速开发 Web 应用，从而忽略了对原生 JavaScript 的学习和深入理解。所以，经常出现的情况是，很多做了多年 JS 开发的程序员对闭包、函数式编程、原型总是说不清道不明，即使使用了框架，其代码组织也非常糟糕。这都是对原生 JavaScript 语言特性理解不够的表现。要掌握好 JavaScript，首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思
SuperType 和SubType。每个类型分别有一个属性和一个方法。它们的主要区别是：
即异步的 JavaScript 和 XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页
如果你能够啃下教程一并且吃透原型链的几个概念的话说明你在前端飞仙的路上又进了一小步···学习最怕的不是慢而是站！这篇教程主要目的对原型链概念进一步加深理解
对象(Object)应该算是js中最为重要的部分，也是js中非常难懂晦涩的一部分。更是面试以及框架设计中各出没。写这篇文章，主要参考与JavaScript红宝书（JavaScript高级程序设计 第六章章节）以及各大博主博客。 原文地址:https://github.com/Nealyang/YOU-SHOULD-KNOW-JS
函数对象和数组对象都属于Object对象，Object对象是一个大的范围，而后两者是一个两种特别的对象
面试的时候面试官大概率会出一个平平无奇的小问题来热热身，比如说写一个合并函数，读者估计会觉得：就这？不到30s就可以写好了一份利用递归实现的对象合并，代码如下：
上面一段代码，声明第一个函数foo的时候，它就会带一个foo.prototype的属性，这个属性是一个对象属性，用new foo();构造器的方式构造一个新的对象obj。这时候这个obj的原型会指向foo的prototype属性。 对于这个foo函数的原型也会指向Object.prototype,这个Object.prototype也是有原型的，它的原型指向null。
在 JS 中，每个对象都会在内部引用一个叫做prototype的对象，而这个原型对象本身也会引用自己的原型对象，并以此类推。这样就形成了一条原型引用链，这个链的末尾是一个以 null 为原型的对象。JS 就是通过原型链的方式来实现继承的，当一个对象引用了不属于自己的属性时，将遍历原型链，直到找到引用的属性为止（或者直接找到链的末尾，这种情况说明该属性未定义）。
2、所有的引用类型都有一个’_ proto _'属性(也叫隐式原型，它是一个普通的对象)。
文章首发于Freebuf社区https://www.freebuf.com/articles/web/361333.html
最近刚把Js高级程序设计看了一遍，仔细的读了其中的第6章的第6.3节-继承。今天写出来跟大家分享一下，顺便也加深一下自己的理解。
因为在CTF中时常也会考察原型链污染的问题，以前也一直让我捉襟见肘，一直没有系统的学习了解过JS原型的这些相关概念，因此写下本文，通过不断总结大佬的文章，写出自己对于此部分内容的理解。同时建议学习本文前要有对面向对象部分知识的一定理解（无论哪种语言）。
在js中万物皆对象，对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的，可以归为一类，他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。那样太消耗内存了。所以，在js中怎么才能让多个对象共享一个或多个方法呢？原型的出现就是为了解决这个问题。
JS使用原型链实现“继承” JS是“基于对象”的语言，因此没有继承。但可以使用JS的特性实现“继承”——原型链。 JS使用_proto_属性构造原型链，如 p._proto_ ——> Perosn.prototype Perosn.prototype._proto_ ——> Object.prototype Person._proto_ ——> Function.prototype Function.prototype._proto_ ——> Object.prototype 若当前对象中
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
