JavaScript函數(shù)的詳細(xì)介紹

發(fā)布時(shí)間：2021-08-12 17:36:16 來源：億速云閱讀：170 作者：chen 欄目：web開發(fā)

本篇內(nèi)容主要講解“JavaScript函數(shù)的詳細(xì)介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“JavaScript函數(shù)的詳細(xì)介紹”吧!

一、函數(shù)語(yǔ)法

一個(gè)JavaScript函數(shù)使用function關(guān)鍵字定義，后面跟一個(gè)函數(shù)名稱，后面跟一對(duì)括號(hào)()。

函數(shù)名可以包含字母、數(shù)字、下劃線和美元符號(hào)(與變量相同的規(guī)則)。

圓括號(hào)可以包括參數(shù)名稱以逗號(hào)分隔: (parameter1, parameter2, ...)。

函數(shù)要執(zhí)行的代碼，被放置在括號(hào)內(nèi): {}。

語(yǔ)法：

function name(parameter1, parameter2, parameter3) {     code to be executed }

函數(shù)形式參數(shù)是函數(shù)定義中列出的名稱,實(shí)際參數(shù)是函數(shù)調(diào)用時(shí)接收的實(shí)際值。

在函數(shù)中，實(shí)際參數(shù)(形式參數(shù))表現(xiàn)為局部變量。

例：

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>項(xiàng)目</title> </head> <body>    <h2>JavaScript 函數(shù)</h2>    <p>調(diào)用函數(shù)完成計(jì)算，并返回結(jié)果:</p>    <p id="demo"></p>    <script>     function myFunction(p1, p2) {         return p1 * p2; /* 函數(shù)返回p1和p2的乘積*/     }     document.getElementById("demo").innerHTML = myFunction(4, 3); </script>  </body> </html>

JavaScript函數(shù)的詳細(xì)介紹

注：

在其他編程語(yǔ)言中，函數(shù)與過程或子程序非常相似。

1. 函數(shù)調(diào)用

當(dāng)某些情況下調(diào)用函數(shù)時(shí)，函數(shù)內(nèi)的代碼將執(zhí)行。

//當(dāng)事件發(fā)生（例如：當(dāng)用戶單擊按鈕）。  //當(dāng)從JavaScript代碼中調(diào)用時(shí)。  //自動(dòng)執(zhí)行 (自己調(diào)用）。

2. 函數(shù)返回

當(dāng)JavaScript達(dá)到一個(gè)return語(yǔ)句，函數(shù)將停止執(zhí)行。

如果從一個(gè)語(yǔ)句調(diào)用了函數(shù)，JavaScript將“回歸”到調(diào)用語(yǔ)句后繼續(xù)執(zhí)行代碼。

函數(shù)通常計(jì)算返回值. 返回值返回給調(diào)用者。

例：

var x = myFunction(4, 3);        // 函數(shù)被調(diào)用，返回值賦值給x  function myFunction(a, b) {     return a * b;                // 函數(shù)返回a和b的乘積 }

完整代碼：

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>項(xiàng)目</title> </head> <body>   <h2>JavaScript 函數(shù)</h2>   <p>此示例調(diào)用一個(gè)函數(shù)，該函數(shù)執(zhí)行計(jì)算并返回結(jié)果:</p>    <p id="demo"></p>    <script>     function myFunction(a, b) {         return a * b;     }     document.getElementById("demo").innerHTML = myFunction(4, 3); </script>  </body> </html>

JavaScript函數(shù)的詳細(xì)介紹

二、為什么使用函數(shù)?

您可以重用代碼：定義代碼一次，并多次使用它。

您可以使用同一代碼多次使用不同的參數(shù)，產(chǎn)生不同的結(jié)果。

function toCelsius(fahrenheit) {     return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius(77);

JavaScript函數(shù)的詳細(xì)介紹

1. 使用()操作符調(diào)用函數(shù)

使用上面的例子，toCelsius指函數(shù)對(duì)象，而toCelsius()指作用的結(jié)果。

function toCelsius(fahrenheit) {     return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius;

JavaScript函數(shù)的詳細(xì)介紹

2. 用作變量值的函數(shù)

函數(shù)可以像變量一樣使用，在所有類型的公式、賦值和計(jì)算中都可以使用。

var x = toCelsius(77); var text = "The temperature is " + x + " Celsius";

JavaScript函數(shù)的詳細(xì)介紹

三、總結(jié)

文章主要從倆個(gè)方面介紹了JavaScript函數(shù)的應(yīng)用，從函數(shù)的語(yǔ)法，怎么去調(diào)用函數(shù)，函數(shù)的返回值，以及在編程中為什么需要函數(shù)的加入等等，都做了詳細(xì)講解。通過實(shí)踐案例的操作，運(yùn)行效果的展示，能夠讓讀者更好的理解。

到此，相信大家對(duì)“JavaScript函數(shù)的詳細(xì)介紹”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問一下細(xì)節(jié)

JavaScript函數(shù)的詳細(xì)介紹

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽