在數學中，函數是指一個量隨著另一個量的變化而變化；那麼在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函數的全部內容了，希望這篇文章可以幫助到大家~
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/269774.html
微信掃一掃 
支付寶掃一掃 