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

本文实例分析了JS类的定义与使用方法。分享给大家供大家参考，具体如下：

js可以定义自己的类

很有意思

<script type="text/javascript">
var Anim = function() {
  alert(&#39;nihao&#39;);
};
Anim.prototype.start = function() {
  alert(&#39;start&#39;);
};
Anim.prototype.stop = function() {
   alert(&#39;stop&#39;);
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

Anim就是一个类，初始化的时候会弹出nihao。

它有两个方法，一个是start方法，一个是stop方法。

使用的时候直接用'点'来调用。

<script type="text/javascript">
var Anim = function() {
  alert(&#39;nihao&#39;);
};
Anim.prototype = {
 start: function() {
  alert(&#39;start&#39;);
 },
 stop: function() {
  alert(&#39;stop&#39;);
 }
};
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>

   

另一种定义方式，同上面一样的效果。

第三种，

<script type="text/javascript">
var Anim = function() {
  alert(&#39;nihao&#39;);
};
Function.prototype.method = function(name, fn) { // 这个很有作用
 this.prototype[name] = fn;
};
Anim.method(&#39;start&#39;, function() {
 alert(&#39;start&#39;);
});
Anim.method(&#39;stop&#39;, function() {
 alert(&#39;stop&#39;);
});
var myAnim = new Anim();
myAnim.start();
myAnim.stop();
</script>