首頁  >  文章  >  web前端  >  詳細介紹javascript使用prototype實作OOP繼承的方法

詳細介紹javascript使用prototype實作OOP繼承的方法

黄舟
黄舟原創
2017-03-18 15:04:361280瀏覽

使用prototype特性,可以很方便的在子類別中繼承父類別的方法和屬性

下例中Vegetable視為父類,Celery視為子類別。

Vegetable 擁有屬性taste, 方法fun1

Celery 擁有屬性color, 方法fun2,如果再定義與Vegetable 中同名的屬性或方法,則會覆寫父類別Vegetable 中對應的屬性和方法。

function Vegetable(){
	this.taste='delicious';
	
	this.fun1 = function(){
		alert('Vegetable fun1 doing...');
	}
}

function Celery(){
	this.color = 'green';	
	this.taste = 'bad';
	this.fun1 = function(){
		alert('Celeryfun1 doing...');
	}
	this.fun2 = function(){
		alert('Celery fun2 doing...');
	}		
}

Celery.prototype = new Vegetable();
var stick = new Celery();
var polymorphed = stick.taste;

alert(polymorphed);
alert(stick.color);

stick.fun1();
stick.fun2();

以上是詳細介紹javascript使用prototype實作OOP繼承的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn