概念

原型（prototype）：

JavaScript中，万物皆对象，对象可以区别为：普通对象和函数对象。

Object ，Function是JavaScript自带的函数对象，每个对象都有原型（null和undefined除外），可以把它理解为对象的默认属性和方法。

原型链（prototype chain）

JavaScript中，每个对象都有一个指向它的原型（prototype）对象的内部链接，这个原型对象又有自己的原型，直到某个对象的原型为null为止（也就是不再有原型指向），组成这条链的最后一环。这种一级一级的链结构就称为原型链（prototype chain）。

当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依此层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

__proto__和prototype

__proto__：隐式原型，prototype：显式原型。

显式原型（explicit prototype property）：每一个函数在创建之后都会拥有一个名为：prototype的属性，这个属性指向函数的原型对象；显式原型用来实现基于原型的继承与属性的共享。

隐式原型（implicit prototype link）：任意对象都有一个内置属性[[prototype]]，在ES5之前没有标准的方法访问这个内置属性，然大多数浏览器都支持通过__proto__来访问，ES5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf()。隐式原型，构成原型链，同样用于实现基于原型的继承。

以上概念用以下的代码案例来表达，以下的下案体现出以上的概念。

代码案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1;user-scalable=no">
		<script type="text/javascript">
			// Object：Object是一个函数对象，Object的原型就是一个Object对象，它里面存在着一些对象的方法和属性
			console.log("Object",Object.prototype);  // {constructor: ?, __defineGetter__: ?, __defineSetter__: ?, hasOwnProperty: ?, __lookupGetter__: ?, …}
			console.log("Object",Object.prototype.prototype);  // undefined
			// Array也是一个函数对象，它的原型就是Array.prototype，它里面存在着一些数组的方法和属性
			console.log("Array",Array.prototype);  // [constructor: ?, concat: ?, copyWithin: ?, fill: ?, find: ?, …]
			console.log("Array",Array.prototype.prototype);  // undefined
			// Function也是一个函数对象，但它有点特殊，它的原型就是一个function空函数。
			console.log("Function",Function.prototype);  //  ? () { [native code] }
			console.log("Function",Function.prototype.prototype); // undefined
			// 用new Object或者{}创建的对象是普通对象，它没有prototype属性，只有__proto__属性，它指向Object.prototype。
			var o = new Object();
			console.log("new Object()",o.prototype);  // undefined
			console.log("new Object()",o.__proto__);  // {constructor: ?, __defineGetter__: ?, __defineSetter__: ?, hasOwnProperty: ?, __lookupGetter__: ?, …}
			// 自定义函数的原型就是给它指定的内容。如果不指定，那它的原型就是一个Object.prototype。
			function XiaoFenDou(){
				console.log("小奋斗");
			}
			console.log("自定义函数",XiaoFenDou.prototype);  // {constructor: ?}
			XiaoFenDou.prototype = "小奋斗&&IT";
			console.log("自定义函数",XiaoFenDou.prototype);  // 小奋斗&&IT
		</script>
	</head>
	<body>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=1;user-scalable=no">
		<script type="text/javascript">
			var obj = {
				a:1,
				b:2
			};
			// obj上没有toString方法，但是Object上有
			console.log(obj.toString()); // [object Object]
			console.log(obj.__proto__); 
			// 报错，obj上没有这个方法，Object上也没有这个方法
			// console.log(obj.push("c"));  // Uncaught TypeError: obj.push is not a function
			console.log(obj.a);  // 1
			console.log(obj.c);  //undefined
		</script>
	</head>
	<body>
	</body>
</html>

四时宝库

程序员的知识宝库

JavaScript，面向对象，原型、原型链(prototype chain)，代码

概念

代码案例