2018-04-12 14:10:13 1339瀏覽
不管學(xué)習(xí)哪門開發(fā)語言,總的目的都是為了用代碼變現(xiàn)出來,今天就直接貼一段js面向?qū)ο蟮拇a,供大家學(xué)習(xí)。
<scripttype="text/javascript"> //創(chuàng)建箱子類 functionBox(option){ varself=this; var_option={ height:12, width:12 }; //合并參數(shù)對象:記得引用Jquery.js $.extend(_option,option); this.height=_option.height; this.width=_option.height; //綁定事件列表 var_events={}; //創(chuàng)建一個方法,并帶有回調(diào)函數(shù) this.push=function(option,callback){ if(option.height>this.height){ console.error("overheight",this); return; } if(option.width>this.width){ console.error("overwidth",this); return; } //判斷是否有回調(diào)函數(shù) if(callbackinstanceofFunction) //調(diào)用回調(diào)函數(shù),并給它傳值(參數(shù):_option) callback.call(this,_option); } //綁定事件 this.on=function(name,event){ if(name==null||!name) returnnull; if(!(eventinstanceofFunction)) if(self[name]instanceofFunction){ returnself[name](); } if(eventinstanceofFunction) _events[name]=self[name]=function(){ event.apply(this); returnthis; } } //解除綁定事件 this.unbind=function(name){ deleteself[name]; delete_events[name]; //鏈?zhǔn)奖磉_(dá)式 returnthis; } } //創(chuàng)建box1對象 varbox1=newBox(); //創(chuàng)建box2對象 varbox2=newBox(); //調(diào)用方法 box1.push({ height:12, width:12 //回調(diào)函數(shù) },function(option){ console.log("push回調(diào)函數(shù)已調(diào)用..",option); }); //動態(tài)給對象綁定事件 box1.on("click",function(){ this.width+=10; console.log("width遞增10,click事件被調(diào)用..",this.width); }); box1.on("heihei",function(){ console.log("heihei事件被調(diào)用..",this.width); }); //事件普通調(diào)用 box1.click(); //鏈?zhǔn)奖磉_(dá)式調(diào)用方法 box1.on("click").click().heihei().on("heihei"); //打印box1的寬度 console.log(box1.width); //打印box2的寬度 console.log(box2.width); //解除綁定事件 box1.unbind("heihei"); //測試解除 box1.heihei(); </scrip
以上就是JS面向?qū)ο蟠a的詳細(xì)分析,通過以上代碼的學(xué)習(xí),是否對Java編程的學(xué)習(xí)更加感興趣了呢?我們不僅有Java編程學(xué)習(xí)的培訓(xùn),還有其他十幾種編程語言,線上線下相結(jié)合的方式進(jìn)行授課學(xué)習(xí),課堂隨堂指導(dǎo),課后項目老師輔導(dǎo)學(xué)習(xí),手把手的教學(xué)方式,你還在等什么呢?趕快加入扣丁學(xué)堂Java學(xué)習(xí)交流群:670348138。
【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“Java開發(fā)資訊”的相關(guān)文章>>