首页 > web前端 > js教程 > javascript类的定义与属性、方法的调用技巧实例详解

javascript类的定义与属性、方法的调用技巧实例详解

伊谢尔伦
发布: 2017-07-27 13:39:58
原创
1658 人浏览过

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>
登录后复制

以上是javascript类的定义与属性、方法的调用技巧实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板