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"中,我们可能看到使用`Class.create()`或者`Object.extend()`来定义和继承类,实现走马灯的功能。 4. **事件处理**: 图片走马灯的滚动通常依赖于用户交互,如点击按钮或自动定时切换。...
在DOM操作方面,Prototype提供了一套强大的DOM操作接口,如Element.extend()、Element.update()、Element.insert()等,这些方法使得在JavaScript中操作DOM元素变得简单易懂。同时,Prototype的Event模块允许我们方便...
5. **对象和类**:阐述Prototype提供的Object.extend、Class.create等方法,以及如何创建和使用自定义类。 6. **函数和工具**:包括Array、String、Number等基本类型的方法扩展,以及便利的工具函数,如Element、...
在这个案例中,"prototype.chm"很可能是Prototype.js的官方中文帮助文档,里面详细介绍了每个函数、类和方法的使用方法、参数和返回值,是学习和使用Prototype.js的重要参考资料。用户可以通过搜索、索引或目录浏览...
标题中的"jquery,mootools,ext3,prototype对class选择符速度比较"指的是对四个流行的JavaScript库——jQuery、MooTools、EXT3和Prototype——在处理CSS类选择器时的性能进行的比较测试。这些库在Web开发中广泛用于...
同时,`index.jpg`可能是这个示例页面中使用的默认图片,用来展示轮播效果。 `懒人图库.txt`可能是提供了一些额外的图片资源或者关于图片来源的信息,方便用户替换或增加自己的图片。`css`目录下应该包含了轮播所需...
上述代码中,`ExtendClass`的实例`instance`可以调用`BaseClass`的方法`showMsg`,因为`ExtendClass.prototype`是`BaseClass`的一个实例,继承了`BaseClass`的方法。 3. **方法重写与调用** 如果子类(如`...
将这个文件引入到HTML中,就可以在网页中使用Prototype提供的各种功能。 综上所述,Prototype是一个功能丰富的JavaScript库,它通过面向对象的编程模型、强大的DOM操作、高效的Ajax支持、动画效果、JSON处理以及...
Prototype 是一个广泛使用的JavaScript库,它为浏览器端的开发提供了许多强大的功能,特别是对于处理DOM操作、Ajax交互以及对象扩展等方面。这个“prototype帮助中文文档”涵盖了Prototype库的核心概念、方法和最佳...
同时,不要忘记获取并引入Prototype.js库的最新版本,以便在项目中使用。 总的来说,Prototype.js 是一个强大且易用的JavaScript库,它极大地增强了JavaScript的功能,是开发现代Web应用的有力工具。通过学习和掌握...
2. **类与继承**:Prototype引入了基于原型的类系统,使用`Class.create()`来创建类,以及`Object.extend()`实现继承。它还支持模拟Java的私有变量和方法。 3. **DOM操作**:Prototype提供了一套优雅的DOM(文档...
在基础概念中,读者可以了解到Prototype如何扩展JavaScript的基本类型,如Array、String和Function,以及如何使用$$选择器来快速选取DOM元素。对象操作部分则讲解了Prototype如何支持面向对象的编程,如Class构造...
此外,ES6引入的类(class)语法虽然更符合传统的面向对象编程风格,但在底层仍然基于`prototype`实现。 总之,`prototype`在JavaScript的面向对象编程中起着至关重要的作用,它实现了对象的继承和属性查找,使代码...
Carousel Class是Prototype库中的一个组件,专门用于构建滑动式图片展示组件。通过使用这个类,开发者可以轻松地创建出具有自动切换、手动导航和各种过渡动画效果的图片幻灯片。 在实现这个图片幻灯切换程序时,有...
1. **Selectors**:Prototype.js 使用CSS选择器语法来选取DOM元素,这使得从复杂的HTML结构中选取元素变得简单,如`$$('div.some-class')`。 2. **Element和Form Methods**:提供了一系列直接操作DOM元素和表单的...
5. **模拟类和继承**:通过`Class.create`和`Object.extend`等函数,Prototype 实现了JavaScript中的类和继承概念。 6. **Ajax组件**:Prototype 还包含了一些预定义的UI组件,如`Autocompleter`和`Slider`,这些...
在JavaScript中,`prototype`是一个核心概念,它关乎对象的继承机制。`prototype.js`是一个开源库,旨在扩展JavaScript的基础功能,尤其是面向对象编程的支持。这个库由Sam Stephenson创建,是Prototype Library的一...
比如,Prototype推崇模块化和面向对象编程,提倡使用类(Class)和实例(Object)来组织代码,这有助于创建可复用和可扩展的组件。同时,Prototype遵循DRY(Don't Repeat Yourself)原则,减少重复代码,提高代码...
标题中的"Prototype Carousel Class"指的是一个使用Prototype JavaScript库创建的图片轮播类。Prototype是一个流行的JavaScript框架,它提供了一系列强大的工具来简化DOM操作、事件处理和Ajax交互等任务。Carousel ...
在Spring框架中,Bean的两种主要作用域是Singleton和Prototype。Singleton Bean表示在整个Spring IoC容器中只有一个实例,而Prototype Bean则表示每次请求都会创建一个新的实例。这两种作用域的使用场景和实现方式都...