這篇文章主要介紹了JavaScript函數(shù)的使用方法是什么,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

函數(shù)就是通過共同定義相同的處理并使其可以多次使用。

如果代碼很多的話,有時可能需要用到大量相同的處理,雖然可以通過復(fù)制粘貼來省去時間,但是代碼會變得很長,不方便后續(xù)的一些操作,這時候我們可以將相同的處理定義為一個函數(shù),然后調(diào)用這個函數(shù),這樣代碼就會看起來非常的簡潔了。
此外函數(shù)還有一個優(yōu)點,當(dāng)需要處理的部分代碼需要進行共同的變化時,只需要更改一處就可以了。
下面我們來看JavaScript中函數(shù)的定義
基本形式
在定義函數(shù)時首先需要的是function。之后寫下給函數(shù)的名稱并在{}中寫入需要的處理,最簡單的編寫的話就像下面這樣
<script>
function 函數(shù)名( ) {
處理的代碼
}
</script>參數(shù)和返回值
此外,如果要將參數(shù)傳遞給函數(shù),請將參數(shù)名稱放在括號中。您可以根據(jù)需要添加任意數(shù)量的參數(shù),以“,”分隔。因此,即使進行相同的處理,也可以地根據(jù)傳遞的參數(shù)進行內(nèi)容的處理。
另外,如果你想獲得這個調(diào)用函數(shù)的處理結(jié)果,使用return的關(guān)鍵字,則會傳遞函數(shù)中處理的結(jié)果返回值。
<script>
function 函數(shù)名(參數(shù)1,參數(shù)2,...){
處理的代碼
return 返回值;
}
</ script>我們下面來看使用函數(shù)編程的具體例子
我們先使用變量來編寫,將變量定義為money,根據(jù)輸入的money的值,用document.write輸出字符串“有錢人”,“普通人”,“貧窮”三個類型。
代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var money;
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
</script>
</body>
</html>基于上述代碼,根據(jù)輸入的money值,執(zhí)行的結(jié)果會為“有錢人”或“普通人”或“貧窮”,如果不使用函數(shù),則必須寫入相同的代碼。
<script>
var money=10000;
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
</script>變量money的值輸入10000,則輸出結(jié)果為“有錢人”

當(dāng)變量money輸入為4000,結(jié)果就為"普通人",輸入money的值為2000時就是“貧窮”。
所以你只需要改變var money的值,其他都不需要改變,但代碼就會變得很多,這個時候如果定義一個函數(shù),代碼就會變得簡單的多
我們接著就來看使用函數(shù)具體的示例
這里的函數(shù)名稱是judge。因為想根據(jù)輸入變量money的值來判斷“有錢人”“普通人”“貧窮”。
實際上,您無法分辨?zhèn)鬟f給函數(shù)的信息是什么,因此使用變量money定義參數(shù)。該函數(shù)將根據(jù)進入變量money的值來改變輸出的值和字符串。
function judge(money) {
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
}這樣做的話,就可以刪除目前已編寫和重復(fù)多次的代碼,并將其替換為名為judge的函數(shù)。
代碼如下
<script>
function judge(money) {
if (money > 5000) {
document.write("有錢人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("貧窮");
}
}
var money = 10000;
judge(money);
var money = 4000;
judge(money);
var money = 2000;
judge(money);
</script>運行結(jié)果如下

使用return值返回
也可以在不使用document.write的情況下返回判斷結(jié)果的字符串。。這種情況下,使用返回值return。將判斷結(jié)果的字符串“有錢人”“普通”“窮”代入后,最后用return返回到result的變量的值。
代碼如下
<script>
function judge(money) {
var result;
if (money > 5000) {
result = "有錢人";
} else if (money > 3000){
result = "普通人";
} else {
result = "貧窮";
}
return result;
}
var money = 10000;
var result = judge(money);
document.write(result);
var money = 4000;
var result = judge(money);
document.write(result);
var money = 2000;
var result = judge(money);
document.write(result);
</script>運行效果不變

最后,我們來簡單看一下什么是局部變量
局部變量是指在函數(shù)中定義的變量,并且只在該函數(shù)中有作用。
使用“var變量名”聲明與普通變量沒有區(qū)別,但在局部變量的情況下,它是在function中聲明。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享JavaScript函數(shù)的使用方法是什么內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)建站,詳細(xì)的解決方法等著你來學(xué)習(xí)!
本文題目:JavaScript函數(shù)的使用方法是什么-創(chuàng)新互聯(lián)
鏈接分享:http://chinadenli.net/article20/pgdco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計公司、做網(wǎng)站、企業(yè)網(wǎng)站制作、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容