【公告】為了提供更好的教學服務,同時更專注在教學內容的開發,我們將調整課程經營型態,即日起暫停所有的課程訂閱服務,預計暑假過後(2018/9/24)重新開放,原有學員權益不受影響,造成不便還請見諒。

JavaScript 函式物件封裝

由於函式本身可以被當作值作處理,因此,你也可以將一個函式指定給一個物件,當作其某個特定的屬性值,例如以下的語法:

var obj = {x:f};

其中 f 是預先定義的函式,接下來你可以如下調用此函式:

obj.x() ; 

以下是將函式主體指定給屬性的語法:

var obj = {x:function(){ // 函式內容}};

考慮以下的程式碼片段:

function w(message) { console.log(message) };
var obj = {
    msg: function () { console.log('Hello JavaScript !') },
    hello: function (message) { console.log(message) },
    welcome: w,
};
obj.msg();
obj.hello('HELLO');
obj.welcome('WELCOME');

其中以三種方式分別將各種不同的函式指定給物件屬性,最後則經用屬性調用相關的函式將結果訊息輸出,結果如下:

Hello JavaScript !
HELLO
WELCOME


沒有留言: