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 相关文章推荐
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
Javascript实现信息滚动效果
May 18 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
Jun 13 Javascript
js的Object.assign用法示例分析
Mar 05 Javascript
Vue+penlayers实现多边形绘制及展示
Dec 24 Vue.js
javascript canvas实现雨滴效果
Jun 09 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
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
jquery 获取json数据实现代码
2009/04/27 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
2015/12/11 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
Extjs4.0 ComboBox如何实现三级联动
2016/05/11 Javascript
JavaScript中的各种操作符使用总结
2016/05/26 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
jQuery插件artDialog.js使用与关闭方法示例
2017/10/09 jQuery
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
Python脚本实现下载合并SAE日志
2015/02/10 Python
使用Python编写基于DHT协议的BT资源爬虫
2016/03/19 Python
python字典改变value值方法总结
2019/06/21 Python
Python的互斥锁与信号量详解
2019/09/12 Python
django2.2安装错误最全的解决方案(小结)
2019/09/24 Python
如何使用repr调试python程序
2020/02/28 Python
python开发一款翻译工具
2020/10/10 Python
.NET remoting中对象激活的两种方式
2015/06/08 面试题
文明青少年标兵事迹材料
2014/01/28 职场文书
恶搞卫生巾广告词
2014/03/18 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
高中生评语大全
2014/04/25 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
新闻人物通讯稿
2014/10/09 职场文书
国庆庆典邀请函
2015/02/02 职场文书
巴黎圣母院观后感
2015/06/10 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL