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 相关文章推荐
表单提交时自动复制内容到剪贴板的js代码
Mar 16 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
微信小程序中子页面向父页面传值实例详解
Mar 20 Javascript
详解vue.js2.0父组件点击触发子组件方法
May 10 Javascript
mongoose中利用populate处理嵌套的方法
May 26 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
Aug 17 Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 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.MVC的模板标签系统(三)
2006/09/05 PHP
php str_replace的替换漏洞
2008/03/15 PHP
PHP伪造referer实例代码
2008/09/20 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
js获取时间(本周、本季度、本月..)
2013/11/22 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
JS实现拼图游戏
2021/01/29 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
2020/07/24 Javascript
浅谈django model postgres的json字段编码问题
2018/01/05 Python
使用pandas read_table读取csv文件的方法
2018/07/04 Python
Python对象与引用的介绍
2019/01/24 Python
Python向excel中写入数据的方法
2019/05/05 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
基于python3生成标签云代码解析
2020/02/18 Python
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
什么是lambda函数
2013/09/17 面试题
中层干部岗位职责
2013/12/18 职场文书
如何写好建议书
2014/03/13 职场文书
敬老模范事迹
2014/05/21 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
Nginx四层负载均衡的配置指南
2021/06/11 Servers