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

 更新时间: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程序设计有所帮助。

相关文章

  • Swiper实现轮播图效果

    Swiper实现轮播图效果

    这篇文章主要为大家详细介绍了Swiper实现轮播图效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 微信小程序自定义导航栏实例代码

    微信小程序自定义导航栏实例代码

    这篇文章主要给大家介绍了关于微信小程序自定义导航栏的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • JS正则表达式替换字符串replace()方法实例代码

    JS正则表达式替换字符串replace()方法实例代码

    正则表达式是用于匹配字符串中字符组合的模式,在js中正则表达式是对象,这篇文章主要给大家介绍了关于JS正则表达式替换字符串replace()方法的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • JS实现根据出生年月计算年龄

    JS实现根据出生年月计算年龄

    本篇文章主要是对利用JS实现根据出生年月计算年龄的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 微信小程序实现弹出层效果

    微信小程序实现弹出层效果

    这篇文章主要为大家详细介绍了微信小程序实现常见弹出层效果 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • js chrome浏览器判断代码

    js chrome浏览器判断代码

    今天发现chrome还是有一些独一无二的东西,基于它们,我们就可以搞出基于特征的判定了。
    2010-03-03
  • JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例

    JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例

    这篇文章主要介绍了JavaScript实现多叉树的递归遍历和非递归遍历算法,结合实例形式详细分析了JavaScript多叉树针对json节点的递归与非递归遍历相关操作技巧,需要的朋友可以参考下
    2018-02-02
  • javascript去除字符串中所有标点符号和提取纯文本的正则

    javascript去除字符串中所有标点符号和提取纯文本的正则

    这篇文章主要介绍了javascript去除字符串中所有标点符号和提取纯文本的正则,需要的朋友可以参考下
    2014-06-06
  • js实现网页收藏功能

    js实现网页收藏功能

    这篇文章主要介绍了js实现动态添加或删除网址功能,以及js实现网页收藏功能,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • 小程序自定义轮播图圆点组件

    小程序自定义轮播图圆点组件

    这篇文章主要为大家详细介绍了小程序自定义轮播图圆点组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06

最新评论