js入门(十)——原型

引导

        任何方法，只有加上()才表示执行；不加的话，只是代表着将该方法的地址赋值给新的变量。

        在下面代码中

		function Person(name){
			this.name = name;
			this.say = function(){
				document.write("my name is"+this.name);
			}
		}
		var p1 = new Person("lil");
		var p2 = new Person("lil2");
		alert(p1.say == p2.say);//false

        每一次在new一个Person对象时，其中say方法就会被重新创建一份，因此p1.say与p2.say是不相等的。但两个方法的内容完全一样，没必要在每一次创建对象时都重新创建一个方法。

        因此，可以将say定义到Person外面。如下：

		function Person(name){
			this.name = name;
			this.say = say;
		}
		function say(){
			document.write("my name is"+this.name);
		}
		var p1 = new Person("lil");
		var p2 = new Person("lil2");
		alert(p1.say == p2.say);//true

        这是因为p1中say指向的与p2中say指向的是同一块存储空间(即全局say方法存储位置)。但定义成全局方法后，任何地方都可以使用该方法，没办法保证只有Person对象才能使用。

基础

        每一个函数在创建的时候都会有一个prototype属性(即指向原型)，该属性是一个指针，并且它总是指向于一个对象(即原型)。这个对象就是用来存储指定的属性和方法的。因此，使用该属性可以起到所有实例共享某些属性和方法的作用。故而，使用原型可以屏蔽引导中的缺陷。如下

		function Person(){
			
		}
		var obj = Person.prototype;//其原型指向一个对象，将该对象引用赋值给obj
		obj.say = function(){
			alert("sayname");
		};
		var p1 = new Person();
		var p2 = new Person();
		document.write(p1.say == p2.say);//true。因为say方法存在于Person的原型中，所以两个变量是共享该方法的。

        构造函数.prototype=原型对象。原型对象.constructor = 构造函数。

        只能用函数名.prototype获取原型，不能使用对象.prototype获取原型。

指定原型对象

        可以为prototype指定一个自定义的对象，这个对象便成为该函数的原型。如下：

		function Person(){
		}
		//为Person指定自定义的原型对象
		Person.prototype = {
			name:"name",
			say:function(){
				document.write("这是say函数");
			}
		}
		var p1 = new Person();
		document.write(p1.say());//调用自定义的原型对象中的say方法 

        自定义原型对象时，如果没有指定原型的constructor，那么原型的构造方法为Object的构造方法。因此，自定义原型对象时，一定要指定constructor。即在对象的第一行加上：constructor:Person。但，使用该方法的情况时，constructor是可被枚举的，但在默认情况下constructor应该是不可被枚举的。为了避免该问题，应该使用Object.defineProperty()。

说明

        由于原型是一个对象，可以使用给对象定义属性和方法的方式对原型指定任何属性和方法。当原型的属性或方法与实例对象相同时，实例对象的会覆盖原型中的相应的属性或方法。如下：

       function Person(){

       }
       var obj = Person.prototype;
       obj.name = "prototype";
       var p1 = new Person();
       p1.name = "p1";
       document.write(p1.name);//覆盖掉原型中的name属性,所以输出的是p1
       document.write("<br/>");
       var p2 = new Person();
       document.write(p2.name);//输出原型中的name值"prototype"

         读取一个对象的属性时，会首先从该对象中搜索看是否有该属性，有则返回。如果没有，则继续到该对象的原型中搜索，有则返回，无则返回undefined。

        如果想读取原型中的属性值，可以通过Object.getPrototypeOf()获取到其原型，然后读取原型中的属性；或者是直接将对象中的相应属性删除掉。