高级面向对象之类式继承

清疚 2022-06-14 06:51 287阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<script>
    			function Aaa(){                    // 父类
    				this.name = [1,2,3];
    			}
    			
    			Aaa.prototype.showName = function(){
    				alert(this.name);
    			};
    			
    			function Bbb(){						// 子类
    				Aaa.call(this);
    			}
    			
    			// 这4句代码实现继承
    			var F = function(){};
    			F.prototype = Aaa.prototype;
    			Bbb.prototype = new F();
    			Bbb.prototype.constructor = Bbb;    // 修正指向问题
    			
    			//F是空对象，所以几乎不占内存。这时，修改Bbb的prototype对象，就不会影响到Aaa的prototype对象。
    			
    			var b1 = new Bbb();
    			var b2 = new Bbb();
    			b1.name.push(4);
    			alert(b1.name);
    			alert(b2.name);
    			
    			// 下面出自阮一峰 博客
    			注: 我们可以将上面的过程封装为一个函数
    			function extend(Child, Parent) {
    			
    			　　　　var F = function(){};
    			　　　　F.prototype = Parent.prototype;
    			　　　　Child.prototype = new F();
    			　　　　Child.prototype.constructor = Child;
    			　　　　Child.uber = Parent.prototype;
    			　}
    			
    			这个extend函数，就是YUI库如何实现继承的方法。
    			另外，说明一点，函数体最后一行
    			Child.uber = Parent.prototype;
    			意思是为子对象设一个uber属性，这个属性直接指向父对象的prototype属性。
    			（uber是一个德语词，意思是"向上"、"上一层"。）这等于在子对象上打开一条通道，
    			可以直接调用父对象的方法。这一行放在这里，只是为了实现继承的完备性，纯属备用性质
    				
    		</script>
    	</body>
    </html>