基本クラスを作成し、サブクラスに継承をさせることを、JavaScriptでも実現できる。
メソッドのオーバーライドも可能である。

以下のサンプルはCatクラスの挙動を確かめている。
Catクラスは基本クラスであるAnimalクラスを継承している。

サンプル

実装のソースコード

	<script src="jquery.js"></script>
	<script src="Animal.js"></script>
	<script src="Cat.js"></script>
	～省略～
	<script>
	$( function() {
		// 初期値を渡しながら、Catクラスを作成する。CatはAnimalクラスを継承している。
		var param ={'res_slt':'#res'};
		var cat = new Cat(param);
		
		// 基本クラス(Animal)から継承したshowTitleメソッドを呼び出す。showTitleはCatクラスでは未定義。
		cat.showTitle();
		
		// 基本クラスのrunメソッドをオーバーライドしたrunメソッドを呼び出す。
		cat.run('東村');
		
		// 基本クラスのrunメソッドを呼び出す。
		cat.base.run('沖縄県');
	});
	</script>
	～省略～
	<div id="res"></div>
	

基本クラスであるAnimalクラスのソースコード

	var Animal =function(p_params){
		this.res_slt = p_params.res_slt;//出力要素
		
		this.showTitle = function(){
			var str = '動物のタイトル<br>';
			$(this.res_slt).append(str);
		};
	
		this.run=function(place){
			var str = place + 'を動物が走る<br>';
			$(this.res_slt).append(str);
			return str;
		};
	};
	

Catクラスのソースコード

	var Cat =function(p_params){
		// ★動物クラス継承
		this.base = new Animal(p_params);
		for(key in this.base){
			this[key] = this.base[key];
		}
		
		this.res_slt = p_params.res_slt;//出力要素
	
		// Animalのrunメソッドをオーバーライドしている
		this.run=function(place){
			var str = place + 'を猫が走る<br>';
			$(this.res_slt).append(str);
			return str;
		};
	};
	

出力

---