本文實(shí)例講述了JavaScript函數(shù)定義方法。分享給大家供大家參考，具體如下：

JavaScript 函數(shù)定義方法

函數(shù)聲明

在之前的教程中，你已經(jīng)了解了函數(shù)聲明的語(yǔ)法 :

function functionName(parameters) {
 執(zhí)行的代碼
}

函數(shù)聲明后不會(huì)立即執(zhí)行，會(huì)在我們需要的時(shí)候調(diào)用到。

function myFunction(a, b) {
  return a * b;
}

分號(hào)是用來(lái)分隔可執(zhí)行JavaScript語(yǔ)句。

由于函數(shù)聲明不是一個(gè)可執(zhí)行語(yǔ)句，所以不以分號(hào)結(jié)束。

函數(shù)表達(dá)式

JavaScript 函數(shù)可以通過(guò)一個(gè)表達(dá)式定義。

函數(shù)表達(dá)式可以存儲(chǔ)在變量中：

var x = function (a, b) {return a * b};

在函數(shù)表達(dá)式存儲(chǔ)在變量后，變量也可作為一個(gè)函數(shù)使用：

var x = function (a, b) {return a * b};
var z = x(4, 3);

以上函數(shù)實(shí)際上是一個(gè) 匿名函數(shù) (函數(shù)沒(méi)有名稱(chēng))。

函數(shù)存儲(chǔ)在變量中，不需要函數(shù)名稱(chēng)，通常通過(guò)變量名來(lái)調(diào)用。上述函數(shù)以分號(hào)結(jié)尾，因?yàn)樗且粋€(gè)執(zhí)行語(yǔ)句。

盡量避免使用 new 關(guān)鍵字。

函數(shù)提升（Hoisting）

在之前的教程中我們已經(jīng)了解了 "hoisting(提升)"。

提升（Hoisting）是 JavaScript 默認(rèn)將當(dāng)前作用域提升到前面去的的行為。

提升（Hoisting）應(yīng)用在變量的聲明與函數(shù)的聲明。

因此，函數(shù)可以在聲明之前調(diào)用：

myFunction(5);
function myFunction(y) {
  return y * y;
}

使用表達(dá)式定義函數(shù)時(shí)無(wú)法提升。

自調(diào)用函數(shù)

函數(shù)表達(dá)式可以 "自調(diào)用"。

自調(diào)用表達(dá)式會(huì)自動(dòng)調(diào)用。

如果表達(dá)式后面緊跟 () ，則會(huì)自動(dòng)調(diào)用。

不能自調(diào)用聲明的函數(shù)。

通過(guò)添加括號(hào)，來(lái)說(shuō)明它是一個(gè)函數(shù)表達(dá)式：

(function () {
  var x = "Hello!!";   // 我將調(diào)用自己
})();

以上函數(shù)實(shí)際上是一個(gè) 匿名自我調(diào)用的函數(shù) (沒(méi)有函數(shù)名)。

函數(shù)可作為一個(gè)值使用

JavaScript 函數(shù)作為一個(gè)值使用：

function myFunction(a, b) {
  return a * b;
}
var x = myFunction(4, 3);

JavaScript 函數(shù)可作為表達(dá)式使用：

function myFunction(a, b) {
  return a * b;
}
var x = myFunction(4, 3) * 2;

函數(shù)是對(duì)象

在 JavaScript 中使用 typeof 操作符判斷函數(shù)類(lèi)型將返回 "function" 。

但是JavaScript 函數(shù)描述為一個(gè)對(duì)象更加準(zhǔn)確。

JavaScript 函數(shù)有 屬性 和 方法。

arguments.length 屬性返回函數(shù)調(diào)用過(guò)程接收到的參數(shù)個(gè)數(shù)：

function myFunction(a, b) {
  return arguments.length;
}

toString() 方法將函數(shù)作為一個(gè)字符串返回:

function myFunction(a, b) {
  return a * b;
}
var txt = myFunction.toString();

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專(zhuān)題：《JavaScript常用函數(shù)技巧匯總》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

最新評(píng)論