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

 找回密码
 立即注册
查看: 189|回复: 10

[JavaScript] JS类的定义与使用方法深入探索

[复制链接]

7万

主题

861

回帖

32万

积分

论坛元老

Rank: 8Rank: 8

积分
329525
发表于 2016-11-26 10:35:32 | 显示全部楼层 |阅读模式
这篇文章主要介绍了JS类的定义与使用方法,结合实例形式深入分析了javascript类的定义与属性、方法的调用技巧,需要的朋友可以参考下

本文实例分析了JS类的定义与使用方法。分享给大家供大家参考,具体如下:

js可以定义自己的类

很有意思

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Anim.prototype.start = function() {
  alert('start');
};
Anim.prototype.stop = function() {
   alert('stop');
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

Anim就是一个类,初始化的时候会弹出nihao。

它有两个方法,一个是start方法,一个是stop方法。

使用的时候直接用'点'来调用。

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Anim.prototype = {
 start: function() {
  alert('start');
 },
 stop: function() {
  alert('stop');
 }
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

另一种定义方式,同上面一样的效果。

第三种,

<script type="text/javascript">
var Anim = function() {
  alert('nihao');
};
Function.prototype.method = function(name, fn) { // 这个很有作用
 this.prototype[name] = fn;
};
Anim.method('start', function() {
 alert('start');
});
Anim.method('stop', function() {
 alert('stop');
});
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

回复

使用道具 举报

3

主题

1万

回帖

156

积分

注册会员

Rank: 2

积分
156
发表于 2022-10-14 13:41:56 | 显示全部楼层
儿飞飞微风DVD谁vdsvd
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-3-7 08:06:42 | 显示全部楼层
。。。。。。。。。。。。。。。
回复 支持 反对

使用道具 举报

0

主题

1万

回帖

0

积分

中级会员

Rank: 3Rank: 3

积分
0
发表于 2023-10-28 13:08:19 | 显示全部楼层
哈哈哈哈哈哈
回复 支持 反对

使用道具 举报

2

主题

1万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2024-3-21 05:10:14 | 显示全部楼层
论坛有你更精彩!
回复 支持 反对

使用道具 举报

9

主题

1万

回帖

420

积分

中级会员

Rank: 3Rank: 3

积分
420
发表于 2024-6-27 13:54:26 | 显示全部楼层
sdsadsadsadf
回复 支持 反对

使用道具 举报

2

主题

1万

回帖

347

积分

中级会员

Rank: 3Rank: 3

积分
347
发表于 2024-7-4 02:04:07 | 显示全部楼层
天天源码社区。。。。
回复 支持 反对

使用道具 举报

1

主题

1万

回帖

69

积分

注册会员

Rank: 2

积分
69
发表于 2024-7-11 11:49:17 | 显示全部楼层
而非为吾问无为谓娃娃
回复 支持 反对

使用道具 举报

20

主题

1814

回帖

100

积分

注册会员

Rank: 2

积分
100
发表于 2024-8-27 00:51:31 | 显示全部楼层
啪啪啪生怕PSP怕
回复 支持 反对

使用道具 举报

13

主题

1万

回帖

97

积分

注册会员

Rank: 2

积分
97
发表于 3 天前 | 显示全部楼层
刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷
回复 支持 反对

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

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

GMT+8, 2024-9-21 22:57 , Processed in 0.165561 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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