js原型与原型链

标签：

一、prototype与__proto__

　　1、prototype（显式原型）：每一个函数在创建之后都会拥有一个名为prototype的属性，这个属性指向函数的原型对象。它只存在于函数里，例如下面的例子中：

function Person(name) {
            this.name = name;
            this.showMe = function() {
                alert(this.name);
            }
        };

        Person.prototype.from = function() {
            alert(‘I come from prototype.‘);
        }
 var p = new Person(‘js‘);
 p.from();

　　Person拥有prototype对象，我们向对象中添加了一个from方法，构造函数中有一个prototype的属性，改属性是一个指针，指向对应的prototype对象(注意区分一个是属性一个是对象)，这里还有一个重要的属性，就是prototype对象中有一个属性constructor，该属性指向对应的构造函数，是一种对应的关系。

　　p是Person构造函数新建的一个实例，new这个方法分为3个部分，最重要的一步是第2步，就本例子来说　

　　　　<1> var p={}; 也就是说，初始化一个对象p。

　　　　<2> p.__proto__=Person.prototype;

　　　　<3> Person.call(p);也就是说构造p，也可以称之为初始化p。

　　p这个对象没有prototype属性，但是有__proto__属性，这个在下面会提到。

二、__proto__

　　隐式原型，每一个对象都拥有该属性，上面提到新建的实例p，在实例化的时候，可以得出p.__proto__=Person.prototype。那么当我们调用p.Say()时，首先p中没有Say这个属性， 于是，他就需要到他的__proto__中去找，也就是Person.prototype，而我们在上面定义了 Person.prototype.Say=function(){}; 于是，就找到了这个方法。

　　具体的例子如下图：

function Person(name) {
			this.name = name;
			this.showMe = function() {
				alert(this.name);
			}
		};

		Person.prototype.from = function() {
			alert(‘I come from prototype.‘);
		}
 
  
		function SubPer() {}
		SubPer.prototype = new Person(‘js‘);   
		

		var son = new SubPer();
		son.showMe(); //js   
		son.from(); //I come from prototype.   
		alert(son.constructor); 

js原型与原型链

标签：

原文地址：http://www.cnblogs.com/stoneox/p/5143728.html