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 相关文章推荐
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 Javascript
jquery 无限级联菜单案例分享
Mar 26 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
Mar 03 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
深入浅析Vue中的 computed 和 watch
Jun 06 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 Javascript
JavaScript实现切换多张图片
Jan 27 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
PHP音乐采集(部分代码)
2007/02/14 PHP
PHP获取网站域名和地址的代码
2008/08/17 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
基于jquery的Repeater实现代码
2010/07/17 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
python实现的登陆Discuz!论坛通用代码分享
2014/07/11 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
使用python绘制温度变化雷达图
2019/10/18 Python
对Python 字典元素进行删除的方法
2020/07/31 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
如何设置Java的运行环境
2013/04/05 面试题
linux面试相关问题
2013/04/28 面试题
桥梁工程专业求职信
2014/04/21 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014年护理部工作总结
2014/11/14 职场文书
2014年学生工作总结
2014/11/20 职场文书
个人收入证明范本
2015/06/12 职场文书
Python中itertools库的四个函数介绍
2022/04/06 Python
html中两种获取标签内的值的方法
2022/06/16 jQuery