welcome to Cheeto's blog

0%

JavaScript核心篇:什麼是函式?

什麼是函式

1
2
3
4
5
6
7
8
function afunction(parameter) {
var localVariable = '區域變數';
console.log(this, localVariable); // This、區域變數

return '附加一段' + parameter; // 回傳、參數
}
var data = afunction('參數');// 呼叫函式
console.log(data);

結果會呈現 ↓

函式結構

function 有預設一個回傳的,所以它能夠被當作表達式來用。


當我們使用 function 去宣告一個字詞的時候,這個字詞就會變成一段函式,它就能夠有下列三種特性。

什麼是函式

函式的名稱是選用的,意思就是可以有名稱也可以沒有,有名稱的稱為「具名函式」;沒名稱的稱為「匿名函式」。

函式 ( 陳述式、表達式 )

1
2
3
4
5
6
7
8
9
10
11
function functionA() {
console.log('函式陳述式', '具名函式');
console.log(functionA);
}
functionA();

var functionB = function() {
console.log('函式表達式', '匿名函式');
console.log(functionB);
}
functionB();

結果會呈現 ↓

函式 ( 陳述式、表達式 )

函式表達式也能用具名函式

用函式表達式也能夠使用具名函式,但是只能在函式內被調用。

1
2
3
4
5
var functionC = function functionD() {
console.log(functionC ,functionD);
}
functionC();
console.log(functionD); // functionD is not defined

結果會呈現 ↓

函式表達式(具名函式)

not defined 是因為,函式表達式(具名函式)只能在函式內被調用!!!