JavaScript中原型模式2

一种简洁的原型模式：

                function Person(){}
		Person.prototype={
				name:"zhangsan",
				age:33,
				sayHello:function(){
					alert("hello,I'm "+this.name);
				}
		}
		var person = new Person();
		person.sayHello();  //hello,I'm zhangsan 
		alert(person instanceof Object);//true
		alert(person instanceof Person);//true
		alert(person.constructor ==Person);//false
		alert(person.constructor==Object);//true

 

1、 使用简洁的原型模式时，constructor属性不在指向Person函数，其原因是Override默认的原型模式。新的原型模式的constructor会默认指向Object函数 .

2、    从写整个原型函数后

function Person(){}
		var person = new Person();
		Person.prototype={
				name:"zhangsan",
				age:33,
				sayHello:function(){
					alert("hello,I'm "+this.name);
				}
		}
		person.sayHello();  //报错person.sayHello is not a function

 

function Person(){}
		Person.prototype={
				name:"zhangsan",
				age:33,
				sayHello:function(){
					alert("hello,I'm "+this.name);
				}
		}
		var person = new Person();
		person.sayHello();  //hello,I'm zhangsan

 上面的两段代码：不同之处仅在于构建person实例的位置不同，却出现的不同的结果，我们可以用图来解释其真相。

第一段报错代码的图解

第二段代码的图解