js方法、类和继承的理解

最新推荐文章于 2022-04-15 19:49:00 发布

iteye_5916

最新推荐文章于 2022-04-15 19:49:00 发布

阅读量111

点赞数

分类专栏： js 文章标签： prototype JavaScript HTML ViewUI

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js class、method and inherit</title>
<script type="text/javascript">
/**
 * Humanity类
 */
function Humanity() {
	this.name;
	this.birthday;
	this.sex;
	//方法
	this.walk = function() {
		alert("I'm walking!");
	}
	//方法
	this.introduceMyself = function() {
		alert("My name is " + this.name + "!");
	}
}
/**
 * IT类
 */
function IT() {
	//继承Humanity类的属性，不继承方法
	this.prototype = new Humanity();
	this.computerLanguage;
	this.work = function() {
		alert("I'm playing computer!");
	}
	this.introduceMyself = function() {
		alert("My name is " + this.name + "!");
	}
}
//继承Humanity类的属性，同时继承方法
IT.prototype = new Humanity();
function Test() {
	var h = new Humanity();
	var it = new IT();
	h.name = "name";
	h.birthday = "19831107";
	h.sex = "M";
	h.walk();
	h.introduceMyself();
	it.name = "itname";
	it.introduceMyself();
	it.birthday = "19831107";
	it.sex = "M";
	it.computerLanguage = "Java";
	it.walk();
	it.work();
	it.introduceMyself();
}
var t = new Test();
</script>
</head>
<body>
	
</body>
</html>