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

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

黄舟
發布: 2017-03-18 15:04:36
原創
1327 人瀏覽過

使用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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板