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


Posted in Javascript onNovember 26, 2016

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

Javascript 相关文章推荐
JQuery 学习笔记 选择器之二
Jul 23 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
Feb 18 Javascript
Vue渲染过程浅析
Mar 14 Javascript
js模拟F11页面全屏显示
Sep 17 Javascript
js控制台输出的方法(详解)
Nov 26 #Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 #Javascript
node.js中的事件处理机制详解
Nov 26 #Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 #Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
Nov 26 #Javascript
JS基于递归实现倒计时效果的方法
Nov 26 #Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 #Javascript
You might like
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
smarty简单入门实例
2014/11/28 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
Javascript中call与apply的学习笔记
2014/09/22 Javascript
简单的js表格操作
2016/09/24 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
python ElementTree 基本读操作示例
2009/04/09 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
Python 查看文件的编码格式方法
2017/12/21 Python
python通过百度地图API获取某地址的经纬度详解
2018/01/28 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
Django发送邮件功能实例详解
2019/09/02 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
python通过文本在一个图中画多条线的实例
2020/02/21 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
C有"按引用传递"吗
2016/09/06 面试题
捷科时代的软件测试笔试题
2015/11/09 面试题
岗位廉洁从业承诺书
2014/03/28 职场文书
中秋手机店促销方案
2014/06/16 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
打架检讨书
2015/01/27 职场文书
Java实现给Word文件添加文字水印
2022/02/15 Java/Android
vue实现滑动解锁功能
2022/03/03 Vue.js