js Circle类

简介: index var r = 5; var circle = new Circle(r); document.write("半径为"+r+"的周长:"+circle.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>index</title>
		<meta name="author" content="Administrator" />
		<script type="text/javascript" src="yuan.js"></script>
		<!-- Date: 2015-12-29 -->
		<script type="text/javascript">
			var r = 5;
			var circle = new Circle(r);
			document.write("半径为"+r+"的周长:"+circle.perimeter()+",面积:"+ circle.area());
		</script>
	</head>
	<body>

	</body>
</html>

 yuan.js文件代码:

/**
 * 创建一个对象圆
 * 属性:半径
 * 方法:面积和周长
 * @author Administrator
 */

function Circle(r){
	this.r = r;
}

Circle.prototype.area = function(){
	return this.r * this.r;
};

Circle.prototype.perimeter = function(){
	return 2 * Math.PI * this.r;
};

 

目录
相关文章
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念,它允许我们基于现有的类(或构造函数)创建新的类
【6月更文挑战第15天】JavaScript继承促进代码复用与扩展,创建类层次结构,但过深的继承链导致复杂性增加,紧密耦合增加维护成本,单继承限制灵活性,方法覆盖可能隐藏父类功能,且可能影响性能。设计时需谨慎权衡并考虑使用组合等替代方案。
262 7
|
Web App开发 JavaScript 前端开发
JavaScript 类(class)
JavaScript 类(class)
255 2
JavaScript 类(class)
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
JavaScript 前端开发
JavaScript基础知识-构造函数(也称为"类")定义
本文介绍了JavaScript中构造函数(也称为“类”)的定义和使用方法。
319 1
JavaScript基础知识-构造函数(也称为"类")定义
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
JavaScript 安全
ES6中JS类实现的解读
ES6中JS类实现的解读
213 3
|
JavaScript 前端开发 开发者
JavaScript 类继承
JavaScript 类继承
220 1
|
JavaScript 前端开发 索引
|
前端开发 JavaScript 开发者
深入理解JavaScript中的对象与类
深入理解JavaScript中的对象与类
240 0
|
JavaScript 前端开发 Java
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
300 2