首页 / JAVA / javascript开发中的封装模式（转）

javascript开发中的封装模式（转）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript开发中的封装模式（转），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1464字，纯文字阅读大概需要3分钟。

内容图文

             1
            var bgAuido={
 2     audio : pingfan.$$(‘audio‘),
 3     audioBtn : pingfan.$$(‘audioBtn‘),
 4    init : function(){
 5var _this=this;
 6       　　 window.addEventListener(touchStart,function(){
 7           　　　　 _this.audio.play();
 8          　　　　  window.removeEventListener(touchStart,arguments.callee)
 9　　　　　　　},false);
10this.audioBtn.addEventListener(touchStart,function(){
11if(_this.audioBtn.className.replace(/(^\s+)|(\s+$)/g,‘‘)==‘off‘){
12        　　　　　  　　　　_this.audio.play();
13           　　 　　　　　　 _this.audioBtn.className=‘‘;
14       　　  　　　　}elseif(_this.audioBtn.className==‘‘){
15         　　 　　 　　　　 _this.audio.pause();
16           　　　　　　 　　 _this.audioBtn.className=‘off‘;                                        
17       　　　　　　 }
18       　　  },false)
1920    }
21}
2223 bgAuido.init();

属性与方法，都通过自变量定义给对象，然后通过init（）方法整体驱动，但是不方便继承，与赋值更改属性（由于属性值没有预留参数，所以，只能单个更改）。下面的方法可以很方便继承和赋予参数

             1
            function BgAuido(opt){

             2         opt=opt || {};
 3this.audio = pingfan.$$(‘audio‘),
 4this.audioBtn = pingfan.$$(‘audioBtn‘),
 5this.width=opt.width || 400;
 6}
 7 BgAuido.prototype={
 8        say:function(){
 9                 alert(this.width);
10        },
11        init : function(){
12var _this=this;
13                window.addEventListener(touchStart,function(){
14                        _this.audio.play();
15                        window.removeEventListener(touchStart,arguments.callee)
16                 },false);
17this.audioBtn.addEventListener(touchStart,function(){
18if(_this.audioBtn.className.replace(/(^\s+)|(\s+$)/g,‘‘)==‘off‘){
19                                _this.audio.play();
20                                 _this.audioBtn.className=‘‘;
21                         }elseif(_this.audioBtn.className==‘‘){
22                                _this.audio.pause();
23                                 _this.audioBtn.className=‘off‘;                                        
24                        }
25                 },false)
2627        }
28 }

 

原文：http://www.cnblogs.com/cdwp8/p/4088446.html

内容总结

以上是互联网集市为您收集整理的javascript开发中的封装模式（转）全部内容，希望文章能够帮你解决javascript开发中的封装模式（转）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1249400.html

来源：【匿名】