扣丁學堂Java培訓之JS面向對象代碼分享

不管學習哪門開發(fā)語言，總的目的都是為了用代碼變現出來，今天就直接貼一段js面向對象的代碼，供大家學習。

<scripttype="text/javascript">

//創(chuàng)建箱子類

functionBox(option){

varself=this;

var_option={

height:12,

width:12

};

//合并參數對象:記得引用Jquery.js

$.extend(_option,option);

this.height=_option.height;

this.width=_option.height;

//綁定事件列表

var_events={};

//創(chuàng)建一個方法，并帶有回調函數

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;

}

//判斷是否有回調函數

if(callbackinstanceofFunction)

//調用回調函數，并給它傳值（參數：_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];

//鏈式表達式

returnthis;

}

}

//創(chuàng)建box1對象

varbox1=newBox();

//創(chuàng)建box2對象

varbox2=newBox();

//調用方法

box1.push({

height:12,

width:12

//回調函數

},function(option){

console.log("push回調函數已調用..",option);

});

//動態(tài)給對象綁定事件

box1.on("click",function(){

this.width+=10;

console.log("width遞增10,click事件被調用..",this.width);

});

box1.on("heihei",function(){

console.log("heihei事件被調用..",this.width);

});

//事件普通調用

box1.click();

//鏈式表達式調用方法

box1.on("click").click().heihei().on("heihei");

//打印box1的寬度

console.log(box1.width);

//打印box2的寬度

console.log(box2.width);

//解除綁定事件

box1.unbind("heihei");

//測試解除

box1.heihei();

</scrip

以上就是JS面向對象代碼的詳細分析，通過以上代碼的學習，是否對Java編程的學習更加感興趣了呢？我們不僅有Java編程學習的培訓，還有其他十幾種編程語言，線上線下相結合的方式進行授課學習，課堂隨堂指導，課后項目老師輔導學習，手把手的教學方式，你還在等什么呢？趕快加入扣丁學堂java技術交流群：487098661。微 信 號：codingbb