JavaScript带方法的构造函数

刘利新西安

于 2013-05-29 19:23:39 发布

阅读量501

点赞数

分类专栏：网页

网页专栏收录该内容

53 篇文章 0 订阅

订阅专栏

<html>
<head>
<script>
function zou() {
	// define some methods to be included in Rectangle object
	function Rectangle_area() {
		return this.width * this.height;
	}
	function Rectangle_perimeter() {
		return 2 * (this.width + this.height);
	}
	function Rectangle_enlarge() {
		this.width *= 2;
		this.height *= 2;
	}

	// define Rectangle's property display method
	function Rectangle_showObj() {
		document.writeln('Width is ' + this.width + '<br>');
		document.writeln('Height is ' + this.height + '<br>');
		document.writeln('Area is ' + this.area() + '<br>');
		document.writeln('Perimeter is ' + this.perimeter() + '<br>');
	}

	// define constructor with properties
	function Rectangle(w, h) {
		this.width = w;
		this.height = h;
		this.area = Rectangle_area; // Note: parameter brackets are not used
		this.perimeter = Rectangle_perimeter;
		this.enlarge = Rectangle_enlarge;
		this.showObj = Rectangle_showObj;
	}

	// test by creating and showing an instance of the Rectangle object
	myRect = new Rectangle(5, 6);
	myRect.showObj();
	myRect.enlarge();
	myRect.showObj();
}
</script>
<title>test</title>
<body>
	<a href="javascript:zou()">go</a>
</body>
</html>

原文： http://home.cogeco.ca/~ve3ll/jstutorh.htm