溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“JavaScript函數如何定義”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript函數如何定義”文章吧。
在我們使用一個函數之前，我們需要定義它。在 JavaScript 中定義函數的最常見方法是使用function關鍵字，后跟唯一的函數名稱、參數列表(可能為空)和用大括號括起來的語句塊。
此處顯示了基本語法。
<script type = "text/javascript">
<!--
function functionname(parameter-list) {
statements
}
//--></script>試試下面的例子。它定義了一個名為 sayHello 的函數，它不接受任何參數
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello there");
}
//--></script>要在腳本稍后的某處調用函數，您只需編寫該函數的名稱，如以下代碼所示。
<html>
<head>
<script type = "text/javascript">
function sayHello() { document.write ("Hello there!");
} </script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello()" value = "Say Hello">
</form>
<p>Use different text in write method and then try...</p>
</body></html>輸出
Click the following button to call the functionUse different text in write method and then try...
到目前為止，我們已經看到了沒有參數的函數。但是有一個工具可以在調用函數時傳遞不同的參數。這些傳遞的參數可以在函數內部捕獲，并且可以對這些參數進行任何操作。一個函數可以接受多個用逗號分隔的參數。
試試下面的例子。我們在這里修改了sayHello函數。現在它需要兩個參數。
<html>
<head>
<script type = "text/javascript">
function sayHello(name, age) { document.write (name + " is " + age + " years old.");
} </script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "sayHello('Zara', 7)" value = "Say Hello">
</form>
<p>Use different parameters inside the function and then try...</p>
</body></html>輸出
Click the following button to call the functionUse different parameters inside the function and then try...
JavaScript 函數可以有一個可選的return語句。如果要從函數返回值，這是必需的。該語句應該是函數中的最后一個語句。
例如，您可以在一個函數中傳遞兩個數字，然后您可以期望該函數在您的調用程序中返回它們的乘法。
試試下面的例子。它定義了一個函數，該函數接受兩個參數并將它們連接起來，然后在調用程序中返回結果。
<html>
<head>
<script type = "text/javascript">
function concatenate(first, last) { var full;
full = first + last; return full;
} function secondFunction() { var result;
result = concatenate('Zara', 'Ali'); document.write (result );
} </script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type = "button" onclick = "secondFunction()" value = "Call Function">
</form>
<p>Use different parameters inside the function and then try...</p>
</body></html>輸出
Click the following button to call the functionUse different parameters inside the function and then try...
以上就是關于“JavaScript函數如何定義”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
