构造函数的proto属性指向构造函数的原型对象（prototype）。
<!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面向对象中的原型 每一个函数都有一个属性 即原型对象（显式原型：prototype）这个原型对象默认指向一个Object空对象，同时每一个原型对象（prototype）都有一个属性（constructor）又指向构造函数（构造函数和它的原型对象相互引用），同时每一个实例对象又有一个__proto__属性（隐式原型），这个属性指向其构造函数的原型对象 （Fn.prototype===fn.__proto__）。
为了更好的图文对照，我为每条线编了标号，接下来的细节讲解，都会用到这张图里的编号：
看到别人问这个问题，自己输入了一下发现输出的是a，感觉和想象中的不一样于是分析了一下，顺便回顾一下关于原型链的知识点。
首先，要明确几个点： 1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。 即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。 2.方法(Function) 方法这个特殊的对象，除了和其他对象一样有上述_proto_属性之外，还有自己特有的属性——原型属性（prototype），这个属性是一个指针
Object就是一个构造函数，是js内置的构造函数,上面的例子中Object就是obj的构造函数，这个例子似乎不太明显，我们继续看
提示：不要排斥，静下心来，认真读完，你就搞懂了！(可以先看一下最后的总结部分再回过头来完整看完)
原型是function对象下的属性，它定义了构造函数的共同祖先，也就是一个父子级的关系，子对象会继承父对象的方法和属性
首先给出结论，JavaScript 的本身是支持面向对象的，它本身具备着强大灵活的 OOP 语言能力。但是对于使用过基于类的语言 (如 Java 或 C++) 的开发人员来说，JavaScript 确实有点令人困惑，因为它是动态的，并且本身不提供一个 class 实现。虽然在 ES6 中引入了 class 关键字，但它只是一个语法糖，本质还是基于JavaScript 的原型来实现的。
var a = new A; //a 类型：对象 //A 类型：函数 var Object = new Function(); //var 对象 = new 函数; Object.__proto__ === Function.prototype; //对象.__proto__ === 函数.prototype; Function.__proto__ === Function.prototype; //因为 Function 也是 Object
原型对象有一个constructor属性，指向该原型对象对应的构造函数 foo 为什么有 constructor 属性？那是因为 foo 是 Foo 的实例。 那 Foo.prototype 为什么有 constructor 属性？？同理， Foo.prototype Foo 的实例。 也就是在 Foo 创建的时候，创建了一个它的实例对象并赋值给它的 prototype
因为在CTF中时常也会考察原型链污染的问题，以前也一直让我捉襟见肘，一直没有系统的学习了解过JS原型的这些相关概念，因此写下本文，通过不断总结大佬的文章，写出自己对于此部分内容的理解。同时建议学习本文前要有对面向对象部分知识的一定理解（无论哪种语言）。
在js中万物皆对象，方法(Function)是对象，方法的原型（Function.prototype）是对象，对象具有属性（__proto__）称为隐式原型，对象的隐式原型指向构造该对象的构造函数的显式原型。
第一行代码声明了一个名为 Person 的函数，第二行代码，根据上面的构造函数定义，那么函数 Person 可以称作一个构造函数
关于原型链的文章之前写了一篇 https://my.oschina.net/lilugirl2005/blog/1825752
说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。
原型和原型链在面试中历来备受重视，经常被提及。说难可能也不太难，但要真正完全理解，吃透它，还是要多下功夫的。
每个对象都可以有另一个对象作为其原型。然后前一个对象继承了它的所有原型属性。对象通过内部属性[[Prototype]]指定其原型。由[[Prototype]]属性连接的对象链称为原型链。
每个函数都有一个 prototype 原型属性，这个属性它是一个指针，指向一个对象，而这个对象的用途是可以由特定类型的所有实例共享的属性和方法。则这个 prototype 就是通过调用构造函数而创建的那个对象实例的原型对象。
不翻译了，改一个字都显得多余。按这句话，我们就能自己实现一个instanceof了：
与多数面向对象的开发语言有所不同，虽然JavaScript没有引入类似类的概念（ES6已经引入了class语法糖），但它仍然能够大量的使用对象，那么如何将所有对象联系起来就成了问题。于是就有了本文中我们要讲到的原型和原型链的概念。
在JavaScript中，每个函数 都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给对象实例（也就是设置 实例的__proto__属性），也就是说，所有实例的原型引用的是函数的prototype属性。
昨天又独自把案例做了一遍,还是有点小错误出现的,但是大体上比较顺利,感觉还是逻辑比较重要,先把思路整理好再开始做会比较好.
在典型的OOP的语言中(如Java) , 都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前, JS中并没用引入类的概念。 ES6,全称ECMAScript6.0 , 2015.06发版。但是目前浏览器的JavaScript是ES5版本,大多数高版本的浏 览器也支持ES6 ,不过只实现了ES6的部分特性和功能。 在ES6之前,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。
讲原型和原型链，如果是讲定义，那很是晦涩难懂，今天我们就通俗易懂的说说原型与原型链。还需要借助阮老师的“Javascript继承机制的设计思想”。
知道了prototype这个原型（也叫原型属性、原型对象，不要搞混了，原型、原型属性、原型对象都是同一个东西），我们还需要知道__proto__和constructor两个属性。
当你创建函数时，JS会为这个函数自动添加prototype属性，值是空对象。而一旦你把这个函数当作构造函数（constructor）调用（即通过new关键字调用），那么JS就会帮你创建该构造函数的实例，实例继承构造函数prototype的所有属性和方法（实例通过设置自己的__proto__指向承构造函数的prototype来实现这种继承）。
在上面的例子中 o1 o2 o3 为普通对象， f1 f2 f3 为函数对象。 怎么区分，其实很简单，凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象。 f1,f2,归根结底都是通过 new Function()的方式进行创建的。
new 构造函数里的this以及返回值 /** * new 构造函数里面的this * 默认函数里面的this，谁调用就指向谁， * 但是new 构造函数，这个构造函数里面的this指向是new 构造函数出来的实例 * 如果new 构造函数里面有返回值: * 1，如果返回的是一个基本数据类型（string,number,undefined...）,则返回值为new 构造函数出来的实例 * 2，如果返回的是一个非基本数据类型的对象（object），则返回值为指定的对象 * 如果new 构造函数里
原型链是一个比较抽象的概念，每当被问起这个问题时，总会回答得不是那么准确，好像懂，但自己好像又不太懂，真是尴尬了
继承是我们前端必须熟悉的一个知识点。可依旧有很多前端对继承的实现和应用没有一个整体的把握。追其原因无非有二：
先属性明确几个概念 prototype: 原型，函数的一个属性，它本身就是一个对象 {} __proto__: 原型链，通过 __proto__ 可以把互相继承的对象的原型链接起来 原型、原型链 __proto__ __proto__ 是每个对象都具有的属性，它指向该对象所继承的原型对象。 或者可以这样说: 对象的 __proto__ 指向对象的构造函数的原型对象 例 1.1 function Person() { } let person1 =
在学习JavaScript中，我们知道它是一种灵活的语言，具有面向对象，函数式风格的编程模式，面向对象具有两点要记住，三大特性，六大原则。
首先来说一下名词解释，首先说一下prototype，每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也就是说将函数用作构造函数调用（使用new操作符调用）的时候，新创建的对象会从原型对象上继承属性和方法。
js分为「函数对象」和「普通对象」，每个对象都有__proto__属性，但是只有函数对象且「非箭头函数」才有prototype属性。
http://es6.ruanyifeng.com/#docs/class class Person { constructor{ //构造函数，里边放不被继承的私有属性和方法 this.property1 = '第一个私有属性'; //属性结尾用分号 } //不写在constructor里边的属性和方法都是写在了prototype原型上： Func1() { } Fun2() { //多个方法之间不用逗号隔开，加了逗号反而是错的 } } class PersonCild e
原型对象和原型链在前端的工作中虽然不怎么显式的使用到，但是也会隐式的使用了，比如使用的jquery，vue等啦。在进入正题的时候，我们还是需要明白什么是__proto__，prototype等知识点，主要讲解构造函数，这篇博文大多是问答形式进行...
Class 可以通过extends关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多。
和其他面向对象的语言（如Java）不同，Javascript语言对类的实现和继承的实现没有标准的定义，而是将这些交给了程序员，让程序员更加灵活地（当然刚开始也更加头疼）去定义类，实现继承。（以下不讨论ES6中利用class、extends关键字来实现类和继承；实质上，ES6中的class、extends关键字是利用语法糖实现的）
当我第一次学习Javascript的对象模型时，我的反应时困惑。因为这是我第一次接触基于原型的语言，所以我完完全全被原型弄得糊里糊涂（译者语：在看这篇文章前，我一直困惑function的prototype和object的__proto__的区别及它们之间的关系）。我不能理解JavaScript通过构造函数（function constructors）的方式来实现一种独特的原型。我相信你们当中也有类似经历的人。 但随着自己写得越来越多javascript，我不仅理解了它的对象模型而且已经开始喜欢上它了
js中关于原型和原型链有 __proto__ 、prototype、constructor 频频出现在面试题中，但是记得多了反而容易记混。
实例成员就是构造函数内部通过this添加的成员 如下列代码中uname age sing 就是实例成员,实例成员只能通过实例化的对象来访问
首先，先介绍一个今天的主角：proto（隐式原型）与prototype（显式原型）
原型和原型链据说是面试常考的东西（没面试过，不大清楚），对于初学者来说有一定的难度，但是其实它也非常的简单，几个概念理解好了就没什么问题了，我们先从一个例子出发，然后再引出相关的知识点，下面我们先来看一个例子
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
