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 获取对象 根据属性、内容匹配, 还有表单元素匹配
May 31 Javascript
获取dom元素那些讨厌的位置封装代码
Jun 23 Javascript
Dom与浏览器兼容性说明
Oct 25 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 Javascript
vue route新窗口跳转页面并且携带与接收参数
Apr 10 Vue.js
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
封装一个PDO数据库操作类代码
2009/09/09 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
自动设置iframe大小的jQuery代码
2013/09/11 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
2015/06/10 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
2020/04/12 Javascript
微信上传视频文件提示(推荐)
2018/11/22 Javascript
vue操作动画的记录animate.css实例代码
2019/04/26 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
async/await让异步操作同步执行的方法详解
2019/11/01 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
openLayer4实现动态改变标注图标
2020/08/17 Javascript
vue 项目引入echarts 添加点击事件操作
2020/09/09 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
Python中的pass语句使用方法讲解
2015/05/14 Python
Python 中 list 的各项操作技巧
2017/04/13 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
python与字符编码问题
2019/05/24 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
python同时遍历两个list用法说明
2020/05/02 Python
Python学习之路之pycharm的第一个项目搭建过程
2020/06/18 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
金融专业个人求职信范文
2013/11/28 职场文书
法律六进活动方案
2014/03/13 职场文书
会计专业自荐书
2014/07/08 职场文书
酒店餐厅2014重阳节活动策划方案
2014/09/16 职场文书
国际残疾人日广播稿范文
2014/10/09 职场文书
介绍信格式样本
2015/05/05 职场文书
大学生创业计划书常用模板
2019/08/07 职场文书
JS ES6异步解决方案
2021/04/29 Javascript