Mootools中使用bind給函數綁定對象

我們先來看一下下邊的代碼:

function Fun(){
　　this.setStyle('color', 'red');
};
Fun();

上邊的函數我想實現的功能是給函數所對應的對象this設定css屬性,然後我在調用函數的時候並未傳遞給這個函數任何對象,那麼此時this應該對應的對象時window

那如果我要操作指定的某個節點該怎麼做呢?看下邊傳統的方式:

function Fun(o){
o.setStyle('color', 'red');
};
Fun($('id'));

這是一種最傳統的做法,要求我們在調用函數的時候傳遞對象給函數,此時就可以在函數內操作該對象了,然而Mootools給我們提供了一個更好的方法來實現此功能,如下:

function Fun(){
this.setStyle('color', 'red');
};
var bFun = Fun.bind($('id'));把$('id')綁定給Fun的this
bFun();

我們在調用函數之前首先給Fun用bind方法把$('id')這個節點綁定給了Fun,並賦值給bFun,之後我們調用bFun就行了,這時候在Fun內操作this的時候就相當於在操作$('id')