JS类的定义与使用方法深入探索_Javascript教程-查字典教程网
JS类的定义与使用方法深入探索
JS类的定义与使用方法深入探索
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例分析了JS类的定义与使用方法。分享给大家供大家参考,具体如下:js可以定义自己的类很有意思varAnim=function(){al...

本文实例分析了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教程学习
    编程开发子分类