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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
图标线性回归斜着移动到指定的位置
Aug 16 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
理解Javascript图片预加载
Feb 23 Javascript
基于jQuery日历插件制作日历
Mar 11 Javascript
利用jQuery解析获取JSON数据
Apr 08 jQuery
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
jQuery实现菜单栏导航效果
Aug 15 jQuery
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
vue 子组件修改data或调用操作
Aug 07 Javascript
利用H5api实现时钟的绘制(javascript)
Sep 13 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
求PHP数组最大值,最小值的代码
2011/10/31 PHP
用php简单实现加减乘除计算器
2014/01/06 PHP
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
JS控制表格隔行变色
2006/06/26 Javascript
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
javascript eval(func())使用示例
2013/12/05 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
vue router demo详解
2017/10/13 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
python改变日志(logging)存放位置的示例
2014/03/27 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/27 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
汽车销售求职自荐信
2013/10/01 职场文书
写自荐信的七个技巧
2013/10/15 职场文书
《大海那边》教学反思
2014/04/09 职场文书
学校文明单位申报材料
2014/05/06 职场文书
法定代表人授权委托书范文
2014/09/22 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
团代会邀请函
2015/02/02 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
2015中学教学工作总结
2015/07/22 职场文书
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers