首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

施用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍

2012-11-08 
使用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍Javascript中创建对象可归纳

使用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍

Javascript中创建对象可归纳为三种方式:工厂函数、构造函数和原型方式。

工厂函数方式利用javascript基础类Object,对Object的一个实例增加相应的属性和方法以达到新类型所期望的结果。如下代码展示了类型NewClassType1含有一个属性attribute1。

<head><metahttp-equiv="Content-Type" content="text/html;charset=gb2312" /><title>1.6以前创建类型的方式</title><scriptsrc="prototype-1.5.1.2.js"></script></head><script>         //createclass---Animal ,it can speak         varAnimal = Class.create();         Animal.prototype= {                   initialize:function(name,sound){                            this.name= name;                            this.sound= sound;                   },                   speak:function(){                            alert(this.name+ " says: " + this.sound + "!");                   }         };                 //体验initialize方法         varanimal = new Animal("animal1" , "bark");         animal.speak();         //->animal1says:     bark!                 //创建子类         varDog = Class.create();         Dog.prototype= Object.extend(                   newAnimal(),                   {                            initialize:function(name){                                     this.name= name;                                     this.sound= "hahah";                            }                   }         );         vardog1 = new Dog("dog1","bark,bark");         dog1.speak();         //->dog1says: hahah!        </script> 

至此本文简单陈述了javascript高级应用中的类型创建方式,及其prototype属性的部分性质,并由此属性简单介绍了prototype.js及其创建和类继承的方式。揭示出prototype.js是鼻祖级javascript框架,这类框架在工作生产中能极大程度的提高开发效率。


2楼lfmilaoshi昨天 09:36
这篇文章不错,看出了用心了n米老师
Re: dongzi87昨天 09:37
回复lfmilaoshin需要用心学习……
1楼the_fire4天前 21:09
说的不错,赞一个
Re: dongzi873天前 00:01
回复the_firenO(∩_∩)O谢谢

热点排行
Bad Request.