在前文中，詳細介紹了JavaScript函數調用的三種方式，事實上，在程序開發中，常見的函數調用方式是函數調用和方法調用，今天，我將通過實例比較一下這兩種方式的差異和用法。

句法：

將函數作為函數調用

function myFunction( var ) {
    return var;
}
myFunction( value );

將函數作為方法調用

var myObject = {
    var : value,
    functionName: function () {
        return this.var;
    }
}
myObject.functionName();  

參數

上面代碼的函數調用包含一個參數：

• value：value是該函數調用時傳遞的值。

上面代碼的方法調用包含兩個參數：

• functionName： functionName 方法是一個函數，該函數屬于myObject對象， 是myObject函數的所有者。
• this：參數 this 是擁有 JavaScript 代碼的對象，在這種情況下 this 的值是 myObject。

函數調用示例

此示例使用函數調用將兩個數字相加。

function myFunction(a, b) {
    return a + b;
}
console.log(window.myFunction(50, 60)); 

輸出

110

方法調用示例

此示例使用方法調用來連接字符串。

var myObject = {
    firstName:"WebKaka",
    middleName:"是",
    lastName: "卡卡網",
    fullName: function() {
        return this.firstName + this.middleName
               + this.lastName;
    }
}
console.log(myObject.fullName()); 

輸出

WebKaka是卡卡網

總結

本文通過兩個示例，介紹了 JavaScript 常用的函數調用方式：函數調用和方法調用 ，通過本文的學習，你應該簡單了解了函數調用和方法調用的差異以及使用方法。你還可以通過JavaScript函數調用的三種方式與this的使用更深入的了解函數調用的幾種方式。

相關文章

• 【示例】講解JavaScript IIFE 與函數調用

標簽: 函數調用