`

Prototype中使用Class

阅读更多

Class是Prototype库中为弥补JavaScript不支持面向对象而提供的对象

C

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>使用Template</title>
		<meta name="author" content="Yeeku.H.Lee" />
		<meta name="website" content="http://www.crazyit.org" />
		<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	</head>
	<body>
		<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
		<script type="text/javascript">
			//定义一个新类
			var Person = Class.create( {
				//initialize方法就是构造器
				initialize : function(name, age) {
					this.name = name;
					this.age = age;
				},
				//定义一个普通方法
				info : function() {
					alert(this.name + "的年龄是: " + this.age);
				}
			});
			//创建Person类的实例
			var p = new Person('yeeku', 30);
			//调用方法
			p.info();
			//定义Student继承Person
			var Student = Class.create(Person, {
				//定义新的构造器,$super形参代表父类同名方法
				initialize : function($super, name, age, grade) {
					$super(name, age);
					this.grade = grade;
				},
				//定义一个普通方法
				study : function() {
					//调用从Person继承到的info()方法
					this.info();
					alert("我上 " + this.grade + " 年级");
				}
			});
			//创建Student对象
			var s = new Student('wawa', 8, 3);
			//调用方法
			s.study();
		</script>
	</body>
</html>

 

分享到:
评论

相关推荐

    Prototype Carousel Class-图片走马灯

    在"Prototype Carousel Class"中,我们可能看到使用`Class.create()`或者`Object.extend()`来定义和继承类,实现走马灯的功能。 4. **事件处理**: 图片走马灯的滚动通常依赖于用户交互,如点击按钮或自动定时切换。...

    prototype 中文开发手册和chm帮助文档

    在DOM操作方面,Prototype提供了一套强大的DOM操作接口,如Element.extend()、Element.update()、Element.insert()等,这些方法使得在JavaScript中操作DOM元素变得简单易懂。同时,Prototype的Event模块允许我们方便...

    Prototype中英文手册

    5. **对象和类**:阐述Prototype提供的Object.extend、Class.create等方法,以及如何创建和使用自定义类。 6. **函数和工具**:包括Array、String、Number等基本类型的方法扩展,以及便利的工具函数,如Element、...

    prototype中文帮助文档

    在这个案例中,"prototype.chm"很可能是Prototype.js的官方中文帮助文档,里面详细介绍了每个函数、类和方法的使用方法、参数和返回值,是学习和使用Prototype.js的重要参考资料。用户可以通过搜索、索引或目录浏览...

    jquery,mootools,ext3,prototype对class选择符速度比较

    标题中的"jquery,mootools,ext3,prototype对class选择符速度比较"指的是对四个流行的JavaScript库——jQuery、MooTools、EXT3和Prototype——在处理CSS类选择器时的性能进行的比较测试。这些库在Web开发中广泛用于...

    Prototype Carousel Class图片幻灯切换程序

    同时,`index.jpg`可能是这个示例页面中使用的默认图片,用来展示轮播效果。 `懒人图库.txt`可能是提供了一些额外的图片资源或者关于图片来源的信息,方便用户替换或增加自己的图片。`css`目录下应该包含了轮播所需...

    JS中的prototype

    上述代码中,`ExtendClass`的实例`instance`可以调用`BaseClass`的方法`showMsg`,因为`ExtendClass.prototype`是`BaseClass`的一个实例,继承了`BaseClass`的方法。 3. **方法重写与调用** 如果子类(如`...

    Prototype中文帮助文档

    将这个文件引入到HTML中,就可以在网页中使用Prototype提供的各种功能。 综上所述,Prototype是一个功能丰富的JavaScript库,它通过面向对象的编程模型、强大的DOM操作、高效的Ajax支持、动画效果、JSON处理以及...

    prototype帮助中文文档

    Prototype 是一个广泛使用的JavaScript库,它为浏览器端的开发提供了许多强大的功能,特别是对于处理DOM操作、Ajax交互以及对象扩展等方面。这个“prototype帮助中文文档”涵盖了Prototype库的核心概念、方法和最佳...

    Prototype 中文chm教程 Prototype 中文电子图书 Prototype中文帮助文档下载

    同时,不要忘记获取并引入Prototype.js库的最新版本,以便在项目中使用。 总的来说,Prototype.js 是一个强大且易用的JavaScript库,它极大地增强了JavaScript的功能,是开发现代Web应用的有力工具。通过学习和掌握...

    prototype使用文档

    2. **类与继承**:Prototype引入了基于原型的类系统,使用`Class.create()`来创建类,以及`Object.extend()`实现继承。它还支持模拟Java的私有变量和方法。 3. **DOM操作**:Prototype提供了一套优雅的DOM(文档...

    prototype 1.6中文手册 chm+prototype 1.6.js源码 最新版

    在基础概念中,读者可以了解到Prototype如何扩展JavaScript的基本类型,如Array、String和Function,以及如何使用$$选择器来快速选取DOM元素。对象操作部分则讲解了Prototype如何支持面向对象的编程,如Class构造...

    JavaScript中prototype的使用

    此外,ES6引入的类(class)语法虽然更符合传统的面向对象编程风格,但在底层仍然基于`prototype`实现。 总之,`prototype`在JavaScript的面向对象编程中起着至关重要的作用,它实现了对象的继承和属性查找,使代码...

    Prototype Carousel Class图片幻灯切换程序.rar

    Carousel Class是Prototype库中的一个组件,专门用于构建滑动式图片展示组件。通过使用这个类,开发者可以轻松地创建出具有自动切换、手动导航和各种过渡动画效果的图片幻灯片。 在实现这个图片幻灯切换程序时,有...

    prototype.js中文手册

    1. **Selectors**:Prototype.js 使用CSS选择器语法来选取DOM元素,这使得从复杂的HTML结构中选取元素变得简单,如`$$('div.some-class')`。 2. **Element和Form Methods**:提供了一系列直接操作DOM元素和表单的...

    prototype中文手册及API

    5. **模拟类和继承**:通过`Class.create`和`Object.extend`等函数,Prototype 实现了JavaScript中的类和继承概念。 6. **Ajax组件**:Prototype 还包含了一些预定义的UI组件,如`Autocompleter`和`Slider`,这些...

    prototype.js文件使用和讲解

    在JavaScript中,`prototype`是一个核心概念,它关乎对象的继承机制。`prototype.js`是一个开源库,旨在扩展JavaScript的基础功能,尤其是面向对象编程的支持。这个库由Sam Stephenson创建,是Prototype Library的一...

    prototype开发者手册(中文版)+prototype.js

    比如,Prototype推崇模块化和面向对象编程,提倡使用类(Class)和实例(Object)来组织代码,这有助于创建可复用和可扩展的组件。同时,Prototype遵循DRY(Don't Repeat Yourself)原则,减少重复代码,提高代码...

    Prototype Carousel Class图片幻灯切换程序,可左右切换的图片特效代码

    标题中的"Prototype Carousel Class"指的是一个使用Prototype JavaScript库创建的图片轮播类。Prototype是一个流行的JavaScript框架,它提供了一系列强大的工具来简化DOM操作、事件处理和Ajax交互等任务。Carousel ...

    singleton Bean 创建 prototype Bean

    在Spring框架中,Bean的两种主要作用域是Singleton和Prototype。Singleton Bean表示在整个Spring IoC容器中只有一个实例,而Prototype Bean则表示每次请求都会创建一个新的实例。这两种作用域的使用场景和实现方式都...

Global site tag (gtag.js) - Google Analytics