Javascript 类的继承-CSDN博客

本文链接：https://blog.csdn.net/lieaqnes_0707/article/details/38118383

<!DOCTYPE HTML>

<html>
<head>
	<title>class in javascript</title>
<script>
	var initializing=false;
	function animal(){
		if(!initializing){
			this.init.apply(this,arguments)
		}
		/*this.name=name;*/
	}
	animal.prototype ={
		/*to avoid people to init animal*/
		init:function(name){
			this.name=name;
		},
		getName: function(){
			return this.name;
		}
	}

	function people(name,age){
		if(!initializing){
			this.init.apply(this,arguments)
		}
	}
	initializing=true;
	people.prototype=new animal();
	people.constructor=people;
	initializing=false;
	people.prototype.init=function(name,age){
		this.name=name;
		this.age=age;
	}
	people.prototype.getinfo= function(){
		return "It's a people named "+this.name+", "+this.age;
	}
	people.prototype.constructor=people;
	function cat(name,color){
		this.name=name;
		this.color=color;
	}
	cat.prototype=new animal();
	cat.prototype.getinfo=function(){
		return "It is a "+this.color+"cat,his name is "+ this.name;
	}
	
	var a=new animal("Join");
	var b= new people("Kate",16);
	var c = new cat("Allen","Red");

	function show(id){
		switch (id){
		case 1:
			result.innerHTML=a.getName();
			break;
		case 2:
			result.innerHTML=b.getName();
			break;
		case 3:
			result.innerHTML=c.getName();
			break;
		case 4:
			result.innerHTML=b.getinfo();
			break;
		case 5:
			result.innerHTML=c.getinfo();
			break;
		default:
			;
		}
	}
	
</script>
</head>
<body>
<button id="button1" οnclick="show(1)">animalname</button>
<button id="button2" οnclick="show(2)">peoplename</button>
<button id="button3" οnclick="show(3)">catname</button>
<button id="button4" οnclick="show(4)">peopleintroduction</button>
<button id="button5" οnclick="show(5)">catintroduction</button>
<span id="result"></span>
</body>
</html>

具体参考http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html

其中将initializing这个全局变量去掉的jclass函数没有看懂。

另外，注意prototype apply的使用。