JavaScript定义类和对象的方法


Posted in Javascript onNovember 26, 2014

本文实例讲述了JavaScript定义类和对象的方法。分享给大家供大家参考。具体方法如下:

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

1. 定义函数的方式:
定义:

function classA(a)

{

     this.aaa=a;  //添加一个属性

     this.methodA=function(ppp)  //添加一个方法

     {

         alert(ppp);

      }

}

classA.prototype.color = "red";  //用prototype方法添加对象的属性,此方法也适用于类的实例(对象)

classA.prototype.tellColor = function() //用prototype方法添加对象的方法,此方法也适用于类的实例(对象)

{

      return "color of "+this.name+" is "+this.color;

}

使用方法:
var oClassA=new classA('This is a class example!');  //实例化类

var temp=oClassA.aaa;  //使用属性aaa

oClassA.methodA(temp);  //使用方法methodA

 
2. 先实例化Object类的方式
定义:
var oClassA=new Object();    //先实例化基础类Object

oClassA.aaa='This is a class example!';   //添加一个属性

oClassA.methodA=function(ppp)  //添加一个方法

{

    alert(ppp);

} 

oclassA.prototype.color = "red";  //用prototype方法添加对象的属性

oclassA.prototype.tellColor = function() //用prototype方法添加对象的方法

{

      return "color of "+this.name+" is "+this.color;

}

 
使用方法:
可以直接拿oClassA来用,如:
var temp=oClassA.aaa;  //使用属性aaa

oClassA.methodA(temp);  //使用方法methodA

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
比较新旧两个数组值得增加和删除的JS代码
Oct 30 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
Angular的MVC和作用域
Dec 26 Javascript
js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析
Dec 27 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
JavaScript中的高级函数
Jan 04 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
详解Puppeteer前端自动化测试实践
Feb 21 Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 Javascript
vuex(vue状态管理)的特殊应用案例分享
Mar 03 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 Javascript
node.js操作mongoDB数据库示例分享
Nov 26 #Javascript
教你如何使用node.js制作代理服务器
Nov 26 #Javascript
浅析node.js中close事件
Nov 26 #Javascript
node.js超时timeout详解
Nov 26 #Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 #Javascript
使用node.js 获取客户端信息代码分享
Nov 26 #Javascript
node+express+jade制作简单网站指南
Nov 26 #Javascript
You might like
打造计数器DIY三步曲(中)
2006/10/09 PHP
微信API接口大全
2015/04/15 PHP
php中session定期自动清理的方法
2015/11/12 PHP
js每次Title显示不同的名言
2008/09/25 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
JavaScript判断undefined类型的正确方法
2015/06/30 Javascript
Jquery组件easyUi实现选项卡切换示例
2016/08/23 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
移动端点击态处理的三种实现方式
2017/01/12 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
在iFrame子页面里实现模态框的方法
2018/08/17 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
微信小程序跳转到其他网页(外部链接)的实现方法
2019/09/20 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
python获取网页状态码示例
2014/03/30 Python
django如何通过类视图使用装饰器
2019/07/24 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
完美解决torch.cuda.is_available()一直返回False的玄学方法
2021/02/06 Python
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
通信专业个人自我鉴定
2013/10/21 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
大学生优秀团员事迹材料
2014/01/30 职场文书
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书