【JavaScript教學】JavaScript 函數-js教程-PHP中文網

【JavaScript教學】JavaScript 函數

黄舟

發布： 2016-12-24 14:50:05

原創

904 人瀏覽過

JavaScript 函數

函數是由事件驅動的或是當它被呼叫時執行的可重複使用的程式碼區塊。

實例

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>

登入後複製

JavaScript 函數語法

函數就是包裹在花括號中的程式碼區塊，前面使用了關鍵字 function：

function functionname()
{
执行代码
}

登入後複製

當呼叫函數時，會執行函數內的程式碼。

可以在某事件發生時直接呼叫函數（例如當使用者點擊按鈕時），並且可由 JavaScript 在任何位置進行呼叫。

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

呼叫帶參數的函數

在呼叫函數時，您可以傳遞值，這些值稱為參數。

這些參數可以在函數中使用。

您可以發送任意多的參數，由逗號 (,) 分隔：

myFunction(argument1,argument2)

登入後複製

當您聲明函數時，請將參數作為變數來聲明：

function myFunction(var1,var2)
{
代码
}

登入後複製

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

實例

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>

<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>

登入後複製

上面的函數在按鈕被點擊時會提示 "Welcome Harry Potter, the Wizard"。

函數很靈活，您可以使用不同的參數來呼叫該函數，這樣就會給出不同的訊息：

實例

<button onclick="myFunction(&#39;Harry Potter&#39;,&#39;Wizard&#39;)">Try it</button>
<button onclick="myFunction(&#39;Bob&#39;,&#39;Builder&#39;)">Try it</button>

登入後複製

根據您點擊的不同的按鈕，上面的例子會提示"Welcome Harry Potter, the Wizard" 或"Welcome Bob, the Builder"。

帶有回傳值的函數

有時，我們會希望函數將值傳回呼叫它的地方。

透過使用 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 將是：

登入後複製

"demo" 元素的innerHTML 將是：

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

登入後複製

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

carname="Volvo";

登入後複製

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

局部 JavaScript 變數

在 JavaScript 函數內部宣告的變數（使用 var）是局部變量，所以只能在函數內部存取它。（此變數的作用域是局部的）。

您可以在不同的函數中使用名稱相同的局部變量，因為只有聲明過該變數的函數才能識別出該變數。

只要函數運行完畢，本地變數就會被刪除。

全域 JavaScript 變數

🎜在函數外宣告的變數是全域變量，網頁上的所有腳本和函數都能存取它。 🎜

JavaScript 变量的生存期

JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

这条语句：

carname="Volvo";

登入後複製

将声明一个全局变量 carname，即使它在函数内执行。

以上就是【JavaScript教程】JavaScript 函数的内容，更多相关内容请关注PHP中文网（www.php.cn）！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

【JavaScript教學】JavaScript 函數