function 的寫法

Posted on In

這一篇要介紹「如何宣告、執行」一個 function

🎃 greet() 這裡的「小括號()」，作用是「可以帶變數進去」

‼️ 在寫「函式名稱」時，一定要加上這個「小括號()」

🎃 當我執行greet()這個函式時，「大括號{}」裡面的程式碼，都會被執行一次

🎃 greet()這個 function 宣告完成後，它並不會執行（因為還沒有呼叫它）

🎃 「呼叫 function」：要等到寫上這行「執行函式」的程式碼greet();之後，它才會執行

‼️ 「呼叫 function」時，一定要加上這個「小括號()」，function 才會執行

執行函式

JS:

1
2
3
4
5
6
7
8
function greet(){
    console.log('Hello!');
    console.log('請問您想要點什麼？');

}

// 執行函式
greet();

在 Console，就可以看到執行後的結果了

執行兩次函式

🎃 想要執行兩次函式，就把greet();寫兩次即可

JS:

1
2
3
4
5
6
7
8
9
function greet(){
    console.log('Hello!');
    console.log('請問您想要點什麼？');

}

// 執行函式
greet();
greet();

在 Console，就可以看到「函式執行兩次」了

在 Console 執行函式

🎃 在開發者工具的 Console，也可以直接執行函式

用途為：可以用 Console 來除錯

原因為：瀏覽器讀取完 html 檔案–> 就會將 JavaScript 載入到網頁裡面–> 瀏覽器會把「JS 裡面所有的變數、funcion 等等」記錄在“記憶體”上–> 所以，在 Console 就可以直接執行函式

window

🎃 window–> 除了本身有很多「事件」可以使用之外，也會去記錄「我在 JavaScript 裡面寫的各種“變數、function”」

🎃 瀏覽器利用window去記錄「網頁中 JavaScript 所有的狀態」

例如

我在 JS 寫了

  • 一個變數 var price = 30;
  • 一個 function greet()

JS:

1
2
3
4
5
6
7
8
9
10
11
var price = 30;

function greet(){
    console.log('Hello!');
    console.log('請問您想要點什麼？');

}

// 執行函式
greet();
greet();

🍋 在 Console 裡面，我輸入window後按下 enter

點開下拉式按鈕後，就可以找到：

  • greet()
  • price: 30