源码网,源码论坛,源码之家,商业源码,游戏源码下载,discuz插件,棋牌源码下载,精品源码论坛

 找回密码
 立即注册
查看: 126|回复: 18

[JavaScript] JavaScript定义类和对象的方法

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2018-12-25 05:45:18 | 显示全部楼层 |阅读模式
这篇文章主要介绍了JavaScript定义类和对象的方法,分别以函数方式与Object类方式实现,是javascript非常重要的技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

回复

使用道具 举报

4

主题

1万

回帖

60

积分

注册会员

Rank: 2

积分
60
发表于 2022-8-9 22:06:47 | 显示全部楼层
源码源码源码源码源码源码源码源码源码源码源码源码源码
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-8-18 04:58:18 | 显示全部楼层
终于找到了,我擦
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

499

积分

中级会员

Rank: 3Rank: 3

积分
499
发表于 2022-9-5 12:53:25 | 显示全部楼层
谢谢楼主分享
回复 支持 反对

使用道具 举报

0

主题

2万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2022-11-22 04:40:35 | 显示全部楼层
hi哦和烦恼农家女
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2022-12-18 07:36:57 | 显示全部楼层
激动人心,无法言表!
回复 支持 反对

使用道具 举报

1

主题

2万

回帖

321

积分

中级会员

Rank: 3Rank: 3

积分
321
发表于 2023-2-3 19:43:00 | 显示全部楼层
激动人心,无法言表!
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

68

积分

注册会员

Rank: 2

积分
68
发表于 2023-3-17 12:42:34 | 显示全部楼层
终于找到了,我擦
回复 支持 反对

使用道具 举报

9

主题

2万

回帖

420

积分

中级会员

Rank: 3Rank: 3

积分
420
发表于 2023-5-9 10:00:11 | 显示全部楼层
需要很久了终于找到了
回复 支持 反对

使用道具 举报

2

主题

2万

回帖

73

积分

注册会员

Rank: 2

积分
73
发表于 2023-9-11 12:19:30 | 显示全部楼层
源码源码源码源码源码源码源码源码源码源码源码源码源码
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

手机版|小黑屋|网站地图|源码论坛 ( 海外版 )

GMT+8, 2024-11-30 05:54 , Processed in 0.068864 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表