在js中，原型和原型链是一个很重要的知识点，只有理解了它，我们才能更深刻的理解js，在这里，我们将分成几个部分来逐步讲解。
构造函数和普通函数本质上没什么区别，只不过使用了new关键字创建对象的函数，被叫做了构造函数。构造函数的首字母一般是大写，用以区分普通函数，当然不大写也不会有什么错误。
function Person(name, age) {
this.name = name;
this.age = age;
this.species = '人类';
this.say = function () {
console.log("Hello");
}
}
let per1 = new Person('xiaoming', 20);
在js中，每一个函数类型的数据，都有一个叫做prototype的属性，这个属性指向的是一个对象，就是所谓的原型对象。
对于原型对象来说，它有个constructor属性，指向它的构造函数。
那么这个原型对象有什么用呢？最主要的作用就是用来存放实例对象的公有属性和公有方法。
在上面那个例子里species属性和say方法对于所有实例来说都一样，放在构造函数里，那每创建一个实例，就会重复创建一次相同的属性和方法，显得有些浪费。这时候，如果把这些公有的属性和方法放在原型对象里共享，就会好很多。
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.species = '人类';
Person.prototype.say = function () {
console.log("Hello");
}
let per1 = new Person('xiaoming', 20);
let per2 = new Person('xiaohong', 19);
console.log(per1.species); // 人类
console.log(per2.species); // 人类
per1.say(); // Hello
per2.say(); // Hello
可是这里的species属性和say方法不是实例对象自己的，为什么可以直接用点运算符访问？这是因为在js中，对象如果在自己的这里找不到对应的属性或者方法，就会查看构造函数的原型对象，如果上面有这个属性或方法，就会返回属性值或调用方法。所以有时候，我们会用per1.constructor查看对象的构造函数：
console.log(per1.constructor); // Person()
这个constructor是原型对象的属性，在这里能被实例对象使用，原因就是上面所说的。那如果原型对象上也没有找到想要的属性呢？这就要说到原型链了。
说原型链之前，先来了解两个概念：
显示原型就是利用prototype属性查找原型，只是这个是函数类型数据的属性。
隐式原型是利用__proto__属性查找原型，这个属性指向当前对象的构造函数的原型对象，这个属性是对象类型数据的属性，所以可以在实例对象上面使用：
console.log(per1.__proto__ === Person.prototype); // true
console.log(per2.__proto__ === Person.prototype); // true
根据上面，就可以得出constructor、prototype和__proto__之间的关系了：
既然这个是对象类型的属性，而原型对象也是对象，那么原型对象就也有这个属性，但是原型对象的__proto__又是指向哪呢？
我们来分析一下，既然原型对象也是对象，那我们只要找到对象的构造函数就能知道__proto__的指向了。而js中，对象的构造函数就是Object()，所以对象的原型对象，就是Object.prototype。既然原型对象也是对象，那原型对象的原型对象，就也是Object.prototype。不过Object.prototype这个比较特殊，它没有上一层的原型对象，或者说是它的__proto__指向的是null。
所以上面的关系图可以拓展成下面这种：
到这里，就可以回答前面那个问题了，如果某个对象查找属性，自己和原型对象上都没有，那就会继续往原型对象的原型对象上去找，这个例子里就是Object.prototype，这里就是查找的终点站了，在这里找不到，就没有更上一层了（null里面啥也没有），直接返回undefined。
可以看出，整个查找过程都是顺着__proto__属性，一步一步往上查找，形成了像链条一样的结构，这个结构，就是原型链。所以，原型链也叫作隐式原型链。
正是因为这个原因，我们在创建对象、数组、函数等等数据的时候，都自带一些属性和方法，这些属性和方法是在它们的原型上面保存着，所以它们自创建起就可以直接使用那些属性和方法。
函数在js中，也算是一种特殊的对象，所以，可以想到的是，函数是不是也有一个__proto__属性？答案是肯定的，既然如此，那就按上面的思路，先来找找函数对象的构造函数。
在js中，所有函数都可以看做是Function()的实例，而Person()和Object()都是函数，所以它们的构造函数就是Function()。Function()本身也是函数，所以Function()也是自己的实例，听起来既怪异又合理，但是就是这么回事。
console.log(Person.constructor === Function); // true
console.log(Object.constructor === Function); // true
console.log(Function.constructor === Function); // true
既然知道了函数的构造函数，那么函数的__proto__指向我们也就知道了，就是Function.prototype。
console.log(Person.__proto__ === Function.prototype); // true
console.log(Object.__proto__ === Function.prototype); // true
console.log(Function.__proto__ === Function.prototype); // true
根据这几个结论，我们就能拓展出一张更大的关系图了：
我目前从prototype切换到jquery主要是为了支持简单的ajax文件上传。我使用:https://github.com/indirect/jquery-rails95%的javascript代码是由railshelper编写的，例如:-remote_function-render:updatedo|page|-page.replace_html'id',:partial=>'content'-page['form']['name']=something-page.visual_effect:highlight,'head_success'...我知道我必须为Jquery重写5%
所以我正在使用javascript学习原型(prototype)，并尝试了一些代码:functionEmployee(name){this.name=name;}varm=newEmployee("Bob");varworking={isWorking:true};Employee.prototype=working;alert(m.isWorking);不幸的是，我收到了未定义的消息，而不是真实值。这个结果有什么原因吗？我做了几个测试。我得出的结论是，重新分配原型(prototype)对象会导致任何先前创建的Employee类实例无法访问在新分配的原型(prototype)中找到的任
我正在接近从Ruby背景学习JavaScript，所以我在理解(并用语言表达)为什么我的代码无法产生我需要的结果时遇到了一些困难。我在pythontutor.com上运行它以查看正在发生的事情的分步演练，它证实了我的怀疑。但是，我不确定为什么会这样。我正在构建一个恒温器，一旦温度低于18dC，它应该会返回“绿色”。在倒数第二行，console.log是17，这是正确的，但是当我在最后一行调用thermostat.displayColor时，它仍然显示黄色。代码在那里终止，并且不会通过我期望的this.displayColor=this.currentColor()返回(因为它在第一次运
长话短说我想修改生成器函数实例的原型(prototype)——即调用function*返回的对象。假设我有一个生成器函数:function*thing(n){while(--n>=0)yieldn;}然后，我创建一个实例:letfour=thing(4);我想定义一个名为exhaust的生成器原型(prototype)，如下所示:four.exhaust(item=>console.log(item));这会产生:3210我可以通过这样做来破解它:(function*(){})().constructor.prototype.exhaust=function(callback){let
在此代码中，原型(prototype)仍然可以更改。如何防止对原型(prototype)进行更改？vara={a:1}varb={b:1}varc=Object.create(a)Object.getPrototypeOf(c)//ac.__proto__=b;Object.getPrototypeOf(c)//bvard=Object.create(null)Object.getPrototypeOf(d)//nulld.__proto__=b;Object.getPrototypeOf(d)//null 最佳答案 HowIcan
我有一个问题，我想创建一个JavaScript类:functionCalculatore(txt,elements){this.p=newProcessor();this.output=txt;$(elements).click(this.clickHandler);}Calculatore.prototype.clickHandler=function(){varelement=$(this);//CodeHere//"this"containstheelement.//ButwhatifIwanttogetthe"output"var?//ItriedwithCalculatore
我在nodejs上编写了我的第一个模块。我需要从谷歌缓存中解析我的网站。帖子是表格帖子的map。当我尝试使用此模块时出现此错误:“类型错误:无法设置未定义的属性‘原型(prototype)’”如何修复这个错误？这是我的代码:module.exports=functionPost(documentDOM,options){this.opts=$.extend({id:0,author_id:0},options);this.doc=documentDOM;this.post={id:0,name:'',alt_name:'',notice:'',content:'',author:'',
我有一个方法可以让我在创建新对象时选择原型(prototype)对象(从“Javascript:TheGoodParts”一书复制):Object.create=function(o){varF=function(){};F.prototype=o;returnnewF();}现在说，我有一个对象:varcar={model:"Nissan"};然后我使用“Create”方法基于这个对象创建了一个新对象:varcar1=Object.create(car);然后我可以向car添加一个属性，它会动态地添加到car1(动态原型(prototype))。例如:car.year=2011;//
我想知道__proto__和Object.create方法之间的区别。举个例子:varob1={a:1};varob2=Object.create(ob1);ob2.__proto__===ob1;//TRUE这意味着Object.create方法创建一个新对象并将__proto__链接设置为作为参数接收的对象。为什么我们不直接使用__proto__链接而不是使用create方法？ 最佳答案 __proto__是非标准的，不会在任何地方都得到支持。Object.create是官方规范的一部分，future的每个环境都应该支持它。它在
假设我有Player对象:varplayer=function(name){this.handlers={};}player.prototype.on=function(event,callback){if(!this.handlers[event]){this.handlers[event]=[];}this.handlers[event].push(callback);}效果很好，我可以创建播放器，每个播放器都有自己的一组处理程序。现在假设我需要从player继承:vartestPlayer=function(name){this.name=name;};testPlayer.pr