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 相关文章推荐
javascript 三种编解码方式
Feb 01 Javascript
javascript 实用的文字链提示框效果
Jun 30 Javascript
简单实用的js调试logger组件实现代码
Nov 20 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
jQuery.each使用详解
Jul 07 Javascript
详解node如何让一个端口同时支持https与http
Jul 04 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
Feb 26 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
基于javascript实现贪吃蛇经典小游戏
Apr 10 Javascript
JS实现简易留言板增删功能
Feb 08 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
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
常用PHP框架功能对照表
2014/10/23 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
javascript表单正则应用
2017/02/04 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
解决python3 urllib中urlopen报错的问题
2017/03/25 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
自动化专业个人求职信范文
2013/12/30 职场文书
学习十八大报告感言
2014/02/04 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
党的群众路线教育实践活动党员个人整改措施
2014/10/27 职场文书
2014年民政工作总结
2014/11/26 职场文书
2016年六一儿童节开幕词
2016/03/04 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery