iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0

函式架構

function afunction(parameter) {
    var localVariable ='區域變數';
    console.log(this, localVariable);  // This、區域變數
    return'附加一段'+parameter; // 回傳、參數
    var data = afunction('參數'); // 傳入參數來呼叫函式
    console, log(data);
}
// 輸出結果 : 附加一段參數

函式三個功能

  • 可以被呼叫 (be invoked) //一般物件沒有
  • 程式碼片段 //區域用變數、限制區域內作用
  • 名稱(選用) //有名稱為具名函式,沒有名稱為匿名函式

函式陳述式

直接建立一個具名函式,一定要有名稱才能呼叫

function functionA() {
    console.log('函式陳述式','具名函式');
}
functionA();
// 執行結果 : 輸出函式陳述式 具名函式

函式表達式

先宣告變數,在呼叫一個匿名函式的組合,函式結果出來的值賦與變數中。
並非全部函式表達式都是匿名函式,但普遍是匿名函式機會多。

var functionB = function() {
    console.log('函式表達式','匿名函式');   
}
functionB();
// 執行結果 : 輸出函式表達式 匿名函式

具名函式能夠在函示內被調用

var functionC = function functionD() {
    console.log(functionC,functionD);  // 具名函式能夠在函示內被調用
}
functionC();
// 執行結果 : 輸出functionD()這整段程式碼

console.log(functionC,functionD);  
// 如果貼在外層會出錯,是取不到functionD,因為只能在函式區域內才能有用

console.log(functionC)
// 外層執行 functionC 結果 : 輸出 functionD() 這整段程式碼,
// 因為 functionC 已被指定 functionD()這段位置

上一篇
04. 物件的參考特性
下一篇
6. 函式-參數
系列文
JS 作品實戰應用 - Vue 電商網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言