在數學中，函數是指一個量隨著另一個量的變化而變化；那么在JavaScript中，函數的定義是什么以及怎么使用呢？今天小編將為大家帶來大數據編程入門：JavaScript函數。
一、JavaScript函數定義
在JavaScript中，函數是一個可重用的代碼塊，在調用時由事件驅動或執行。
實例：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>測試實例</title>
<script>
function myFunction()
{
alert(“Hello World!”);
}
</script>
</head>
<body>
<button onclick=”myFunction()”>點我</button>
</body>
</html>
運行結果：
二、JavaScript函數語法
在JavaScript中，在前面使用了關鍵詞function并包裹在花括號中的代碼塊就是函數。
function functionname()
{
// 執行代碼
}
只要調用該函數，就會執行函數內的代碼。
當事件發生時（例如當用戶單擊按鈕時），可以直接調用函數，JavaScript可以在任何地方調用函數。
注意：因為在JavaScript中對大小寫敏感，所以關鍵詞 function必須是小寫的，并且函數的調用必須與函數名的大小寫相同。
三、調用帶參數的函數
參數是指在調用參數時，向其傳遞的值。
可以在函數中使用這些參數。
可以發送任意數量的參數，并由逗號（,）分隔開來：
myFunction(argument1,argument2)
當在聲明函數的時候，需要把參數作為變量來聲明：
function myFunction(var1,var2)
{
代碼
}
變量和參數必須以相同的順序出現。第一個變量是傳遞的第一個參數的給定值，依此類推。
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Miuku</title>
</head>
<body>
<p>點擊這個按鈕，來調用帶參數的函數。</p>
<button onclick=”myFunction(‘Miuku’,’OK’)”>點擊這里</button>
<script>
function myFunction(name,job){
alert(“Hello!” + name + “, are you ” + job);
}
</script>
</body>
</html>
運行結果：
函數是很靈活的，可以使用不同的參數來調用該參數，這樣就會給出不同的信息：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Miuku</title>
</head>
<body>
<p>請點擊其中的一個按鈕，來調用帶參數的函數。</p>
<button onclick=”myFunction(‘路飛’,’新世界’)”>點擊這里</button>
<button onclick=”myFunction(‘索隆’,’路癡大會’)”>點擊這里</button>
<script>
function myFunction(name,job)
{
alert(“你好 ” + name + “, 歡迎來到” + job);
}
</script>
</body>
</html>
運行結果：
點擊第一個按鈕：
點擊第二個按鈕：
四、帶有返回值的函數
有時，我們希望函數將值返回到調用它的位置。
這可以通過使用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()”返回的值。
返回值可以基于傳遞給函數的參數。
在下面的實例中，計算兩個數字的乘積并返回結果：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>返回乘積值</title>
</head>
<body>
<p>本例調用的函數會執行一個計算，然后返回結果：</p>
<p id=”demo”></p>
<script>
function myFunction(a,b){
return a*b;
}
document.getElementById(“demo”).innerHTML=myFunction(6,5);
</script>
</body>
</html>
運行結果：
當只想退出函數的時候，也可以使用return語句。返回值是可選的：
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
在上面的代碼中，如果a大于b，則會退出函數，并不會計算a和b的總和。
五、局部JavaScript變量
JavaScript函數內聲明的變量（使用var）是局部變量，因此只能在函數內訪問（該變量的作用域是局部的）。
可以在不同的函數中使用同名的局部變量，因為只有聲明該變量的函數才能識別該變量。
只要函數運行，局部變量就會被刪除。
六、全局JavaScript變量
函數外部聲明的變量是一個全局變量，可由網頁上的所有腳本和函數訪問。
七、JavaScript變量的生存期
JavaScript變量的生命周期從聲明時開始。
局部變量在函數運行后被刪除。
關閉頁面后，將刪除全局變量。
八、向未聲明的JavaScript變量分配值
如果為尚未聲明的變量賦值，該變量將自動用作window的屬性。
phone=”Redimi”;
在上面的語句中將聲明window的一個屬性phone。
通過在非嚴格模式下為未聲明的變量賦值而創建的全局變量是全局對象的可配置屬性，可以刪除。
var var1 = 1; // 不可配置全局屬性
var2 = 2; // 沒有使用 var 聲明，可配置全局屬性
console.log(this.var1); // 1
console.log(window.var1); // 1
console.log(window.var2); // 2
delete var1; // false 無法刪除
console.log(var1); //1
delete var2;
console.log(delete var2); // true
console.log(var2); // 已經刪除 報錯變量未定義
以上就是關于大數據編程入門：JavaScript函數的全部內容了，希望這篇文章可以幫助到大家~
相關推薦
2020年java好找工作嗎（java程序員的工資待遇）
Java程序員找工作很難嗎？可能沒有get這些內容 五分鐘閱讀下方文章 經常面試一些候選人，整理了下我面試使用的題目，陸陸續續整理出來的題目很多，所以每次會抽一部分來問。答案會在后…
java學起來難嗎，培訓java編程費用標準
在越來越多編程語言出現的時期，Java編程語言從未曾被淘汰過，在如今的大數據時代，Java編程語言仍占據著重要的位置，但是也有不少喜歡Java開發想要學習Java編程的小伙伴有一些…
java好找工作嗎，java就業前景和工資待遇
無論是從每個月的編程語言排行榜上看，還是從各大招聘網站人才招聘需求上看，Java依然是IT行業中最熱門、最搶手的編程語言。但很多想要學習Java進入編程行業的人還是會擔憂武漢Jav…
如何優化代碼運行速度，Java性能調優技巧
可供程序利用的資源（內存、CPU時間、網絡帶寬等）是有限的，優化的目的就是讓程序用盡可能少的資源完成預定的任務。優化通常包含兩方面的內容：減小代碼的體積，提高代碼的運行效率。本文討…
java架構師簡歷模板，月薪過萬的Java開發簡歷寫法
看到這樣的描述 你如果作為面試官 你是什么感覺 有朋友問，那正確的姿勢是什么呢？ 答案是多站在面試官的角度思考，這就是最正確的方向！ 三年java程序員： 五年java程序員： 架…
內部oa系統開發是什么，java開源oa系統源碼
OA就是辦公自動化，它是企業為了更好的管理而使用的一種手段，它是一種軟件系統，可以與網絡連接，從而實現與企業的客戶，員工之間等的交流。OA辦公系統強調的就是辦公的便捷方便，提高效率…
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。