javascript

js函式


函式定義

JavaScript 使用關鍵字 function 定義函式。

函式可以透過宣告定義,也可以是一個表示式。

函式宣告
在之前的教程中,你已經瞭解了函式宣告的語法 :

function functionName(parameters) {
  執行的程式碼
}

函式聲明後不會立即執行,會在我們需要的時候呼叫到。

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

分號是用來分隔可執行JavaScript語句。
由於函式宣告不是一個可執行語句,所以不以分號結束。

函式表示式

JavaScript 函式可以透過一個表示式定義。

函式表示式可以儲存在變數中:

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

在函式表示式儲存在變數後,變數也可作為一個函式使用:

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

Function() 建構函式

在以上例項中,我們瞭解到函式透過關鍵字 function 定義。

函式同樣可以透過內建的 JavaScript 函式構造器(Function())定義。

例項
var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

實際上,你不必使用建構函式。上面例項可以寫成:

例項
var myFunction = function (a, b) {return a * b};

var x = myFunction(4, 3);

函式提升(Hoisting)

在之前的教程中我們已經瞭解了 “hoisting(提升)”。

提升(Hoisting)是 JavaScript 預設將當前作用域提升到前面去的的行為。

提升(Hoisting)應用在變數的宣告與函式的宣告。

因此,函式可以在宣告之前呼叫:

myFunction(5);

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

使用表示式定義函式時無法提升。

自呼叫函式

函式表示式可以 “自呼叫”。

自呼叫表示式會自動呼叫。

如果表示式後面緊跟 () ,則會自動呼叫。

不能自呼叫宣告的函式。

透過新增括號,來說明它是一個函式表示式:

例項
(function () {
    var x = "Hello!!";      // 我將呼叫自己
})();

函式可作為一個值使用
JavaScript 函式作為一個值使用:

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

var x = myFunction(4, 3);

JavaScript 函式可作為表示式使用:

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

var x = myFunction(4, 3) * 2;

函式是物件

在 JavaScript 中使用 typeof 運算子判斷函式型別將返回 “function” 。

但是JavaScript 函式描述為一個物件更加準確。

JavaScript 函式有 屬性 和 方法。

arguments.length 屬性返回函式呼叫過程接收到的引數個數:

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

toString() 方法將函式作為一個字串返回:

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

var txt = myFunction.toString();

本文章已修改原文用詞符合繁體字使用者習慣使其容易閱讀

版權宣告:此處為CSDN博主「baijiao1314」的原創文章,依據CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。

原文連結:https://blog.csdn.net/baijiao1314/article/details/101283570