html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript定义类和对象的方法_javascript技巧_

[ ] 已经帮助:人解决问题

本文实例讲述了JavaScript定义类和对象的方法。分享给大家供大家参考。具体方法如下:qrcHTML5中文学习网 - HTML5先行者学习网

在JS中,类和对象有多种不同的写法,因为本人对JS也不怎么熟,所以就本人的理解来写,如果哪位朋友发现有不对,请告之,共同学习.qrcHTML5中文学习网 - HTML5先行者学习网
JS定义一个类有两种定法(我只知道这两种):qrcHTML5中文学习网 - HTML5先行者学习网

1. 定义函数的方式:qrcHTML5中文学习网 - HTML5先行者学习网
定义:qrcHTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
function classA(a)qrcHTML5中文学习网 - HTML5先行者学习网
{qrcHTML5中文学习网 - HTML5先行者学习网
     this.aaa=a;  //添加一个属性qrcHTML5中文学习网 - HTML5先行者学习网
     this.methodA=function(ppp)  //添加一个方法qrcHTML5中文学习网 - HTML5先行者学习网
     {qrcHTML5中文学习网 - HTML5先行者学习网
         alert(ppp);qrcHTML5中文学习网 - HTML5先行者学习网
      }qrcHTML5中文学习网 - HTML5先行者学习网
}qrcHTML5中文学习网 - HTML5先行者学习网
classA.prototype.color = "red";  //用prototype方法添加对象的属性,此方法也适用于类的实例(对象)qrcHTML5中文学习网 - HTML5先行者学习网
classA.prototype.tellColor = function() //用prototype方法添加对象的方法,此方法也适用于类的实例(对象)qrcHTML5中文学习网 - HTML5先行者学习网
{qrcHTML5中文学习网 - HTML5先行者学习网
      return "color of "+this.name+" is "+this.color;qrcHTML5中文学习网 - HTML5先行者学习网
}
qrcHTML5中文学习网 - HTML5先行者学习网
使用方法:qrcHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
var oClassA=new classA('This is a class example!');  //实例化类qrcHTML5中文学习网 - HTML5先行者学习网
var temp=oClassA.aaa;  //使用属性aaaqrcHTML5中文学习网 - HTML5先行者学习网
oClassA.methodA(temp);  //使用方法methodA
qrcHTML5中文学习网 - HTML5先行者学习网
 qrcHTML5中文学习网 - HTML5先行者学习网
2. 先实例化Object类的方式qrcHTML5中文学习网 - HTML5先行者学习网
定义:qrcHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
var oClassA=new Object();    //先实例化基础类ObjectqrcHTML5中文学习网 - HTML5先行者学习网
oClassA.aaa='This is a class example!';   //添加一个属性qrcHTML5中文学习网 - HTML5先行者学习网
oClassA.methodA=function(ppp)  //添加一个方法qrcHTML5中文学习网 - HTML5先行者学习网
{qrcHTML5中文学习网 - HTML5先行者学习网
    alert(ppp);qrcHTML5中文学习网 - HTML5先行者学习网
} qrcHTML5中文学习网 - HTML5先行者学习网
oclassA.prototype.color = "red";  //用prototype方法添加对象的属性qrcHTML5中文学习网 - HTML5先行者学习网
oclassA.prototype.tellColor = function() //用prototype方法添加对象的方法qrcHTML5中文学习网 - HTML5先行者学习网
{qrcHTML5中文学习网 - HTML5先行者学习网
      return "color of "+this.name+" is "+this.color;qrcHTML5中文学习网 - HTML5先行者学习网
}
qrcHTML5中文学习网 - HTML5先行者学习网
 qrcHTML5中文学习网 - HTML5先行者学习网
使用方法:qrcHTML5中文学习网 - HTML5先行者学习网
可以直接拿oClassA来用,如:qrcHTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
var temp=oClassA.aaa;  //使用属性aaaqrcHTML5中文学习网 - HTML5先行者学习网
oClassA.methodA(temp);  //使用方法methodA
qrcHTML5中文学习网 - HTML5先行者学习网

希望本文所述对大家的javascript程序设计有所帮助。qrcHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助