关于prototype和__proto__:

原创 2018年04月15日 13:28:15

js中所有类分为三大类:
1、Object,祖先类,是所有类的原型对象的类型:它本身的原型对象是根!
2、包括系统类和用户自定义类中,所有仅以Object为基类的类:
其所属类链指向Function原型对象:
其原型对象的所属类链,指向Object的原型对象,即,根!

prototype称之为原型表示了一个类的属性的集合,__proto__称之为所属类,object是所有类的祖先类,也是原型的根。

对象只具有__proto__,类同时具有__proto__和prototype。

对象的__proto__与其所属类的prototype有相同的键值对集合

其所属类链可以这样表示:

由于object具有特殊性先不予讨论;

对象__proto__所属类.protype。

如下myClass是MyClass的对象


类__proto__父类.protype。



由于类.prototype也具有__proto__属性,所以类.prototype也是对象,但是这种对象的所属类均为Object。

 对于类:其prototype中的键值集合应当包括该类的构造方法,以及类所提供的静态方法。且自定义类本身具有默认的键值集合,值可以为空但是键是存在的。而这些键值集合时由构造方法提供的。

对于类的对象:与类不同的是类的对象中可以只具有“__proto__”属性,对象所拥有的键值集合为所属类类的非静态方法,且可以调用其所属类的构造方法及类所提供的静态方法(不建议使用,最好通过所属类类本身调用)。由于类本身默认的键值集合是构造方法提供的,所以该类的对象可以通过构造方法来调用类本身的键值集合,但是同样不建议使用。

(function(){
	var MyClass = function() {

	};

	MyClass.prototype.staticMem = 89;
	MyClass.prototype.staticFun = function() {
		console.log("这是原型提供的静态方法staticFun:",MyClass.prototype.staticFun);
	}

	var myClass1 = new MyClass;
	var myClass2 = new MyClass;

	myClass1.staticMem = 100;
	myClass1.add = 1;

	myClass1.constructor.caller = "100";
	console.log("MyClass:",MyClass);
	console.log("myClass1:" ,myClass1);
	console.log("myClass2:" ,myClass2);
	console.log("myClass2.staticMem",myClass2.staticMem);
})();


以上可以看出当对对象进行写操作时,浏览器不会在对象的__proto__属性下寻找键,如果没有则直接创建新的键。由myclass2.staticMem输出结果可以得知读操作会顺着__proto__链一层一层往下找(验证过得出的结论,代码就不上了)找到了输出对应的信息,找不到输出undefine。

详解prototype与__proto__区别

Each constructor is a function that has a property named “prototype” that is used to implement proto...
  • ligang2585116
  • ligang2585116
  • 2016-12-08 18:50:27
  • 8406

Javascript中的__proto__、prototype、constructor

今天重温了下Javacript,给大家带来一篇Javascript博文,相信对于Javacriptyou'y
  • lmj623565791
  • lmj623565791
  • 2014-04-24 19:42:38
  • 11981

Js中__proto__和prototype的区别和关系

在知乎上看到了一篇写得还挺好的文章,能够很好的说明这两者之间的关系,之前一直也有关注这方面的知识,但是如果重新复习一遍的话,时间久了之后就会忘记,所以前端还是需要经常复习,经常使用,经常理解。 首先...
  • sinat_36841379
  • sinat_36841379
  • 2017-07-08 21:52:24
  • 453

prototype与__proto__的含义、区别以及使用场景

1、每个对象(包括函数、函数的prototype对象)都有一个__proto__属性,她指向创建该对象的函数的prototype属性 2、每个函数都有一个prototype对象,而只有proto...
  • u013769818
  • u013769818
  • 2017-01-12 15:18:50
  • 469

由一道js题探讨构造函数、prototype和__proto__之间的关系

今天在牛客上看到这样一个题:var F = function(){}; Object.prototype.a = function(){}; Function.prototype.b = functi...
  • u010582082
  • u010582082
  • 2017-05-02 23:12:39
  • 537

javascript prototype 、_proto_和constructor之间的关系

javascript没有父类和子类的概念,它们之间的集成是通过一种“原型链”来集成,每个function对象都有prototype属性,可以用来做内存块共享,在各个实例中共享数据。先总结几条规律1.任...
  • yingxiake
  • yingxiake
  • 2016-03-06 17:06:47
  • 1005

深入探讨javascript中对象,原型(__proto__),与prototype的关系

最近在学习node.js,学习过程中遇到很多坑,总结下来是对核心javascript(新手童鞋别误解,这里说的不是客户端javascript哦。两者有相似性,侧重点不同)的相关知识认识相对浅薄导致,所...
  • hkh_1012
  • hkh_1012
  • 2016-11-18 15:26:16
  • 1149

Javascript中的原型链、prototype、__proto__的关系

javascrip中内置的对象共12个,其中10个属于函数类型——String,Number,Boolean,Array,Function,Date,RegExp,Error,Object,Event...
  • u010089686
  • u010089686
  • 2016-10-06 16:07:18
  • 1230

javascript的属性拷贝prototype.__proto__ 的用法

用 prototype.__proto__ 可以把一个类的属性拷贝到另外一个类,比如
  • nsrainbow
  • nsrainbow
  • 2014-06-05 14:23:53
  • 1679

浅谈JS中对象、函数的__proto__属性和prototype对象

JS中每个对象都会有__proto__属性,默认为Object,例如: var a={};//这里对象a的__proto__属性就是Objectproto属性的作用主要是用来确定当前对象的继承者,在当...
  • u013448536
  • u013448536
  • 2016-04-02 20:55:28
  • 1944
收藏助手
不良信息举报
您举报文章:关于prototype和__proto__:
举报原因:
原因补充:

(最多只允许输入30个字)