卡卡網(wǎng)

在前文中，詳細(xì)介紹了JavaScript函數(shù)調(diào)用的三種方式，事實(shí)上，在程序開(kāi)發(fā)中，常見(jiàn)的函數(shù)調(diào)用方式是函數(shù)調(diào)用和方法調(diào)用，今天，我將通過(guò)實(shí)例比較一下這兩種方式的差異和用法。

句法：

將函數(shù)作為函數(shù)調(diào)用

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

將函數(shù)作為方法調(diào)用

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

參數(shù)

上面代碼的函數(shù)調(diào)用包含一個(gè)參數(shù)：

• value：value是該函數(shù)調(diào)用時(shí)傳遞的值。

上面代碼的方法調(diào)用包含兩個(gè)參數(shù)：

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

函數(shù)調(diào)用示例

此示例使用函數(shù)調(diào)用將兩個(gè)數(shù)字相加。

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

輸出

110

方法調(diào)用示例

此示例使用方法調(diào)用來(lái)連接字符串。

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

輸出

WebKaka是卡卡網(wǎng)

總結(jié)

本文通過(guò)兩個(gè)示例，介紹了 JavaScript 常用的函數(shù)調(diào)用方式：函數(shù)調(diào)用和方法調(diào)用 ，通過(guò)本文的學(xué)習(xí)，你應(yīng)該簡(jiǎn)單了解了函數(shù)調(diào)用和方法調(diào)用的差異以及使用方法。你還可以通過(guò)JavaScript函數(shù)調(diào)用的三種方式與this的使用更深入的了解函數(shù)調(diào)用的幾種方式。

相關(guān)文章

• 【示例】講解JavaScript IIFE 與函數(shù)調(diào)用

標(biāo)簽: 函數(shù)調(diào)用