Javascript中的继承理解

// 浅谈原型链和javascript中的继承
<script type="text/javascript">
	/*首先了解javascript中函数的作用:
		
		1. 作为一般函数调用
		2. 作为它原型对象的构造函数	
	*/

	/*
		eg: function a(){} 当我们创建一个函数时,会发生哪些步骤呢?
		1. 创建一个函数对象,也就是a
		2. 创建一个原型对象, 就是 a prototype
		3. 函数对象会有一个prototype指针指向原型对象,即指向a prototype
		4. 原型对象a prototype 会有一个construtor指针指向a
		5. 当访问对象属性时,函数对象会有_proto_指针指向原型对象
		   找到就返回值,没有找到就返回undefined
	 */

	 //至此原型链的含义就出来了,由于原型对象也有一个_proto_指针,
	 //又指向了另一个原型,一个接一个,就形成了原型链。
	 //Object.prototype是最顶层的原型,所以如果修改了Object.prototype的属性,
	 //那么就影响了所有的对象。

	 //http://blog.csdn.net/ljl157011/article/details/19677059(原文)
	 //
	 

	 //1.原型链继承
	 
	 function Person(name,age){
	 	this.name = name; this.age = age; 
	 }
	 Person.prototype.say=function(){
	 	console.log("Hello" + this.name);
	 };
	 function Man(){}
	 Man.prototype = new Person("ilv");
	 var man1 = new Man();
	 var man2 = new Man();
	 console.log(man1.say() == man2.say()); //true
	 console.log(man1.name = man.name2); // true
	 /*
	 这种继承方式很直接,子类的所有属性和方法都要去原型链上找,
	 因为找到的属性方法都是同一个
	  */
	 
	 //2.利用构造函数继承
	 function Person(name,age){
	 	this.name = name;this.age = age;
	 }
	 Person.prototype.say = function(){
	 	console.log("Hello" + this.name);
	 };
	 function Man(name,age){
	 	Person.apply(this,arguments);
	 }
	 var man1 = new Man("ilv");
	 var man2 = new Man("ilv2");
	 console.log(man1.name = man.name2); //false
	 man1.say() // 404 not found

	 /*
	 	比直接利用原型链去继承要好,至少每个实例都有属于自己的一份资源
	 	但这种方法只能继承弗雷德实例属性,找不到say方法
	  */
	 
	 //3. 组合继承
	 function Person(name,age){
	 	this.name = name;this.age = age;
	 }
	 Person.prototype.say = function(){
	 	console.log("Hello" + name);
	 };
	 function Man(name,age){
	 	Person.apply(this,arguments);
	 }
	 Man.prototype =  new Person();
	 var man1 = new Man("ilv");
	 var man2 = new Man("ilv2");
	 console.log(man1.name === man2.name);//false
 	 console.log(man1.say === man2.say);//true
     man1.say(); //hello, my name is ilv
     man2.say(); //hello, my name is ilv2

     //需要注意的是man1和man2的实例属性其实是覆盖了原型属性,
     //但是并没要覆盖掉原型上的say方法(因为它们没有),
     //所以这里man1.say === man2.say依然返回true,
     //因而需要十分小心没有覆盖掉的原型属性,因为它是所有实例共有的。
     

     //寄生组合继承  。。。。说实话我还不咋懂这个
        function Person (name, age) {
            this.name = name;
            this.age = age;
	    }
		Person.prototype.say = function(){
		    console.log('hello, my name is ' + this.name);
		};
		function Man(name, age) {
		    Person.apply(this, arguments);
		}
		Man.prototype = Object.create(Person.prototype);//a.
		Man.prototype.constructor = Man;//b.
		var man1 = new Man('pursue');
		var man2 = new Man('joe');
		console.log(man1.say == man2.say);
		console.log(man1.name == man2.name);
</script>



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值