javascript入門系列示範·函數的定義以及簡單參數使用，調用函數

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

函數根c#裡面我們定義的方法一樣，他可以多次使用，他會根據你傳來的參數幫你完成很多你想要的結果，打個比方，你想要一包煙，與是你讓兒子拿著你寫的紙條去給你買，這個過程就是調用函數並傳遞參數，當小傢伙去超市，在超市裡，小MM按紙條所寫的名字把煙給你兒子，這個過程就是函數內部代碼的處理過程了，這個過程就算完成了。

函數的命名與變數的命名規則一樣，簡單說就是名字裡面不能有除底線以外的符號，不能有空格，開頭不能是數字，好像只有這些！！

對了,上面我們說到變數,那就順便說下吧,變數的範圍:定義在函數內部的變數叫局部變數,其作用只在函數內部有效,在外面,別人根本不認識他,而在函數外定義的變數叫全域變數,這個全域便量和其他語言的全域變數是不同的,這個的範圍只是當前頁,當前頁關閉了,他也就會記憶體驅逐出境的.當然,你可以使用cookie類似的技術來協助他;

編寫函數的原則是越短越好，長了不好維護，雖然JS允許你寫裹腳布一樣長的代碼。如果實在需要的話，最好是做成多個函數塊！其實在前面關於代碼已耗用時間的執行個體中已經寫了一個調用函數，只是沒有傳參!地址是 http://www.cnblogs.com/thcjp/archive/2006/08/03/466987.html,好了,下面我們開始示範吧 ,說心裡話,我很討厭說這些無聊的文字.

示範一:這個示範我們調用了chuli()函數來處理文字框的值 ,然後讓chuli函數把值作為參數再來調用 welc() 函數完成最後的事情

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript入門系列示範·函數的定義以及簡單參數使用，調用函數</title>
<script language="javascript">
function chuli()
{//這裡先取出文字框的值,並分別賦給變數
    var aaa=document.form1.name.value;
    var bbb=document.form1.like.value;
    //下面我們把上面兩個變數作為參數來調用下面的welc函數
    welc(aaa,bbb);//你可能會疑惑,為什麼我們傳的參數並不叫 a ,b,赫赫,其實很簡單哪,JS會自動把值給相應的參數,這也是你必須注意的
}
function welc(a,b)//welc是函數名稱,後面括弧裡是參數,如果沒有參數,也必須要對括弧
{
    alert("歡迎您"+a+",你最喜歡的是"+b)
}
</script>
<style type="text/css">

</style>
</head>

<body>
<p>函數根c#裡面我們定義的方法一樣，他可以多次使用，他會根據你傳來的參數幫你完成很多你想要的結果，打個比方，你想要一包煙，與是你讓兒子拿著你寫的紙條去給你買，這個過程就是<strong>調用函數並傳遞參數</strong>，當小傢伙去超市，在超市裡，小MM按紙條所寫的名字把煙給你兒子，這個過程就是<strong>函數內部代碼的處理過程了</strong>，這個過程就算完成了。</p>
<p>函數的命名與變數的命名規則一樣，簡單說就是名字裡面不能有除底線以外的符號，不能有空格，開頭不能是數字，好像只有這些！！</p>
<p>對了,上面我們說到變數,那就順便說下吧,<strong>變數的範圍:</strong>定義在函數內部的變數叫<span class="STYLE1">局部變數</span>,其作用只在函數內部有效,在外面,別人根本不認識他,而在函數外定義的變數叫<span class="STYLE1">全域變數</span>,這個全域便量和其他語言的全域變數是不同的,這個的範圍只是當前頁,當前頁關閉了,他也就會記憶體驅逐出境的.當然,你可以使用cookie類似的技術來協助他;</p>
<p>編寫函數的原則是越短越好，長了不好維護，雖然JS允許你寫裹腳布一樣長的代碼。如果實在需要的話，最好是做成多個函數塊！其實在前面關於代碼已耗用時間的執行個體中已經寫了一個調用函數，只是沒有傳參!地址是 http://www.cnblogs.com/thcjp/archive/2006/08/03/466987.html,好了,下面我們開始示範吧 ,說心裡話,我很討厭說這些無聊的文字.</p>
<p>示範一:這個示範我們調用了chuli()函數來處理文字框的值 ,然後讓chuli函數把值作為參數再來調用 welc() 函數完成最後的事情</p>
<p>在下面文字框裡分別輸入你的名字和喜好</p>
<form id="form1" name="form1" method="post" action="">
  您的名字是:
  <input type="text" name="name" />
  ,你最喜歡的事是:
  <input type="text" name="like" onchange="chuli()" />
</form>
<p> </p>
<p>  </p>
</body>

</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More