HTML 學習筆記 JavaScript (函數)

標籤：相同   doctype   執行個體   return   on()   get   world   作用   依次   

函數是由事件驅動的或者當他被調用時執行的可重複使用的代碼塊

執行個體

<!DOCTYPE html><html><head><script>function myFunction(){alert("Hello World!");}</script></head><body><button onclick="myFunction()">點擊這裡</button></body></html>

定義了一個button 當button被點擊的時候 執行myFunction()函數 提示使用者一些資訊

JavaScript 函數文法

函數就是包裹在花括弧中的代碼塊 前面使用了關鍵字function：

例如:

function myFunction() {    這裡是要執行的代碼塊            }

當函數被調用的時候 會執行函數內的代碼塊

可以在某件事發生時直接調用函數（比如當使用者點擊按鈕時） 並且可由JavaScript在任何位置調用

JavaScript 對大小寫敏感。關鍵詞 function 必須是小寫，並且必須以與函數名稱相同的大小寫來調用函數。

調用帶參數的函數

在調用函數時，您可以向其傳遞值，這些值被稱為參數。
這些參數可以在函數中使用。
您可以發送任意多的參數，由逗號 (,) 分隔：

myFunction(argument1,argument2)

當你聲明函數的時候 請把參數變作變數來聲明

function myFunction(var1,var2){這裡是要執行的代碼}

變數和參數必須以一致的順序出現 第一個變數就是第一個被傳遞的參數的給定的值 依次類推

執行個體：

<body>        <button onclick="myFunction(‘tian‘,‘CEO‘)">點我啊</button>        <script>                                    function myFunction(name,job) {                alert("welcome" +name +", the" +job);            }                    </script>    </body>

帶有傳回值的函數
有時，我們會希望函數將值返回調用它的地方。
通過使用 return 語句就可以實現。
在使用 return 語句時，函數會停止執行，並返回指定的值。

function myFunction(){var x=5;return x;}

上面的函數會傳回值 5。
注釋：整個 JavaScript 並不會停止執行，僅僅是函數。JavaScript 將繼續執行代碼，從調用函數的地方。
函數調用將被傳回值取代：

var myVar=myFunction();

myVar 變數的值是 5，也就是函數 "myFunction()" 所返回的值。
即使不把它儲存為變數，您也可以使用傳回值：

document.getElementById("demo").innerHTML=myFunction();

"demo" 元素的 innerHTML 將成為 5，也就是函數 "myFunction()" 所返回的值。
您可以使傳回值基於傳遞到函數中的參數：

執行個體
計算兩個數位乘積，並返回結果：

function myFunction(a,b){return a*b;}document.getElementById("demo").innerHTML=myFunction(4,3);

"demo" 元素的 innerHTML 將是：12

在您僅僅希望退出函數時 ，也可使用 return 語句。傳回值是可選的：

function myFunction(a,b){if (a>b)  {  return;  }x=a+b}

如果 a 大於 b，則上面的代碼將退出函數，並不會計算 a 和 b 的總和。

 

局部的JavaScript 變數

在 JavaScript 函數內部聲明的變數（使用 var）是局部變數，所以只能在函數內部訪問它。（該變數的範圍是局部的）。
您可以在不同的函數中使用名稱相同的局部變數，因為只有聲明過該變數的函數才能識別出該變數。
只要函數運行完畢，本地變數就會被刪除。

全域 JavaScript 變數
在函數外聲明的變數是全域變數，網頁上的所有指令碼和函數都能訪問它。

JavaScript變數的生存期

JavaScript變數的生命期從他們被聲明的時間開始

局部變數會在函數運行以後被刪除

全域變數會在頁面被關閉後被刪除。

 

向未聲明的JavaScript 變數來分配值。

如果 你把值分配給尚未聲明的變數 該變數將自動作為全域變數聲明

carname="Volvo";

將聲明一個全域變數carname 就算是他在函數內執行。

HTML 學習筆記 JavaScript (函數)