脚本宝典收集整理的这篇文章主要介绍了你们真的理解prototype和__proto__嘛？，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
前言
一般我们看到prototype就会下意识的说这不就是原型对象嘛？但是你们真的了解prototype嘛？就当你们很了解了，毕竟是基础知识，我就简单说说
正文
先说说工厂模式的由来吧，创建对象我们通常可以用new Object()或者直接对象字面量{}创建，但是要是对象之间又有其他共用的代码块又将如何呢？不错，这会造成大量的代码冗余，因为在JS的世界里没有接口的概念（ES5之前），我们平时在JS所说的类也并非实际意义上的类，很多类的特性JS都没有，我一般就把JS的类称为一个"另类"，虽然ES6有了所谓的接口，但是万变不离其宗。扯得有点远啊,既然普通创建对象会造成冗余，那怎么避免呢？起初用的是工厂模式，如demo1所示：
demo1
function demo1 () {
this.name = 'mirok',
this.show = show
}
function demo2 () {
this.name = 'july',
this.show = show
}
function show () {
console.LOG(this.name)
}
VAR name = 'global'
new demo1().show() //mirok
new demo2().show() // july
show() //global@H_126_76@
虽然demo1解决了问题，但是这样写没有任何封装而言, show函数并不是引用类型特定能访问的，如demo1输出了global一样，为了解决此类问题，便有了原型模式，也就是你们经常用的PRototyPE
demo2
function Demo2 () {
}
Demo2.prototype.show = function() {
console.log(this.name)
}
var obj1 = new Demo2()
var obj2 = new Demo2()
obj1.name = 'mirok'
obj2.name = 'july'
obj1.show() //mirok
obj2.show() // july
网上有很多解释了__proto__和prototype的区别，还各自写了例子，虽然说了很多，也是解释得不清不楚。我们知道创建了一个函数就带了一个prototype属性，创建一个实例就带着一个[[prototype]]指针，这个指针是实例和构造函数的原型对象间的联系，这个指针在脚本中是不可见的，也就是你不能访问的，但是在Firefox、Safari 和 Chrome中，提供了__proto__来支持访问，这么一说，相信大家应该能明白吧
以上是脚本宝典为你收集整理的你们真的理解prototype和__proto__嘛？全部内容，希望文章能够帮你解决你们真的理解prototype和__proto__嘛？所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。