js深入研究之类定义与使用-优快云博客

本文介绍了如何在JavaScript中定义自己的类，通过实例展示了类的属性和方法的使用，包括类的初始化、start方法和stop方法的调用，以及通过Function.prototype方法扩展类功能的应用。

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>