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 相关文章推荐
Firefox outerHTML实现代码
Jun 04 Javascript
jquery实现简单文字提示效果
Dec 02 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
深入理解Node.js的HTTP模块
Oct 12 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
Jan 03 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
Feb 08 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
浅析Vue实例以及生命周期
Aug 14 Javascript
vue缓存的keepalive页面刷新数据的方法
Apr 23 Javascript
ES2020 新特性(种草)
Jan 12 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
QueryPath PHP 中的jQuery
2010/04/11 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
mysql数据库差异比较的PHP代码
2012/02/05 PHP
浅谈php自定义错误日志
2015/02/13 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
浅谈js 闭包引起的内存泄露问题
2015/06/22 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
Javascript模仿淘宝信用评价实例(附源码)
2015/11/26 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
2016/04/17 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
js实现漫天星星效果
2017/01/19 Javascript
vue-router 学习快速入门
2017/03/01 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
分享8个JavaScript库可更好地处理本地存储
2020/10/12 Javascript
[01:54]胎教DOTA2 准妈妈玩家现身中国区预选赛
2016/06/26 DOTA
分析python动态规划的递归、非递归实现
2018/03/04 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
Python 可视化神器Plotly详解
2020/12/26 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
2014年清明节寄语
2014/04/03 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
mysql幻读详解实例以及解决办法
2022/06/16 MySQL