前言:javascript有很多的特点,其中最重要的一个特点就是非常的灵活,相同的功能你有很多不同的实现方法。下面的通过一个开始动画和停止动画的示例来说明一下这个特点。
1.通过函数的方法实现:
function startAnim() { /* do something */ }; function stopAnim() { /* do something */ }; 2、通过类的方式实现:
/* 创建一个Anim类 */ var Anim = function() { /* do something */ }; Anim.prototype.start = function() { /* do something */ } Anim.prototype.stop = function() { /* do something */ } /* 使用方法 */ var anim = new Anim(); anim.start(); anim.stop();3、同样通过类的方式实现,只不过换了一种声明start,stop的方式:
/* 创建一个Anim类 */ var Anim = function (){ /* do something */ }; Anim.prototype = { start : function() {/* do something */ }, stop : function() { /* do something */ } }4、通过向Function类添加一个用来声明函数的函数的方法实现:
/* 为Function添加一个method函数 */ Function.prototype.method = function(name, fn){ this.prototype[name] = fn; } var Anim = function() { /* do something */ }; /* 通过调用Function的method函数来实现start,stop */ Anim.method("start", function(){/* do something */}); Anim.method("stop", function(){/* do something */}); 相信通过上面的例子大家已经体会到了Javascript的强大了~~~
1.通过函数的方法实现:
function startAnim() { /* do something */ }; function stopAnim() { /* do something */ }; 2、通过类的方式实现:
/* 创建一个Anim类 */ var Anim = function() { /* do something */ }; Anim.prototype.start = function() { /* do something */ } Anim.prototype.stop = function() { /* do something */ } /* 使用方法 */ var anim = new Anim(); anim.start(); anim.stop();3、同样通过类的方式实现,只不过换了一种声明start,stop的方式:
/* 创建一个Anim类 */ var Anim = function (){ /* do something */ }; Anim.prototype = { start : function() {/* do something */ }, stop : function() { /* do something */ } }4、通过向Function类添加一个用来声明函数的函数的方法实现:
/* 为Function添加一个method函数 */ Function.prototype.method = function(name, fn){ this.prototype[name] = fn; } var Anim = function() { /* do something */ }; /* 通过调用Function的method函数来实现start,stop */ Anim.method("start", function(){/* do something */}); Anim.method("stop", function(){/* do something */}); 相信通过上面的例子大家已经体会到了Javascript的强大了~~~