不管學(xué)習(xí)哪門開(kāi)發(fā)語(yǔ)言，總的目的都是為了用代碼變現(xiàn)出來(lái)，今天就直接貼一段js面向?qū)ο蟮拇a，供大家學(xué)習(xí)。

<scripttype="text/javascript">

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

functionBox(option){

varself=this;

var_option={

height:12,

width:12

};

//合并參數(shù)對(duì)象:記得引用Jquery.js

$.extend(_option,option);

this.height=_option.height;

this.width=_option.height;

//綁定事件列表

var_events={};

//創(chuàng)建一個(gè)方法，并帶有回調(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對(duì)象

varbox1=newBox();

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

varbox2=newBox();

//調(diào)用方法

box1.push({

height:12,

width:12

//回調(diào)函數(shù)

},function(option){

console.log("push回調(diào)函數(shù)已調(diào)用..",option);

});

//動(dòng)態(tài)給對(duì)象綁定事件

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");

//測(cè)試解除

box1.heihei();

</scrip

以上就是JS面向?qū)ο蟠a的詳細(xì)分析，通過(guò)以上代碼的學(xué)習(xí)，是否對(duì)Java編程的學(xué)習(xí)更加感興趣了呢？我們不僅有Java編程學(xué)習(xí)的培訓(xùn)，還有其他十幾種編程語(yǔ)言，線上線下相結(jié)合的方式進(jìn)行授課學(xué)習(xí)，課堂隨堂指導(dǎo)，課后項(xiàng)目老師輔導(dǎo)學(xué)習(xí)，手把手的教學(xué)方式，你還在等什么呢？趕快加入扣丁學(xué)堂java技術(shù)交流群：487098661。微 信 號(hào)：codingbb