在數學中,函數是指一個量隨著另一個量的變化而變化;那么在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函數的全部內容了,希望這篇文章可以幫助到大家~
版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。