《Javascript入門學習全集》 Javascript學習第一季（5）

Javascript學習第一季（5）

上篇文章講了js中對象和數組的一些方法。

這章我們先說說函數，然後來點實戰。

1 ,函數：

function是一個定義一次 卻可以多次調用的js代碼。

當一個函數被一個對象調用時，那麼這個函數就叫做這個對象的方法。

function cssrain( x , y)

{

 //code

}

解釋:

cssrain : 為函數名；

( )    :   為 運算符；

x , y :   為 參數；

2 ,函數的傳回值：

function a(x){

    document.write(x);

}

function b(y){

   document.write(y);

   return y;

}

alert( a(1) ) //因為沒寫return，是以傳回undefined

alert( b(2) ) 

3 function語句和函數直接量：

function f(x) { return x * x ;}   //

var f = function(x){ return x * x ;}   //

第一個是function語句建立的，第二個是直接用函數直接量定義一個表達式，當然用這種方式，建立的也是匿名函數。

雖然直接量可以匿名，但也可以指定函數名；

比如：

var f = function fact(x){ return x * fact(x-1) ;}   //這樣做的好處; 調用自身非常爽。

4 函數命名：

function like_this(){}

或者 function likeThis(){} //駝峰式

5 函數的參數：

由于js是一種寬松類型語言，參數不需要指定什麼資料類型。參數也可以多 也可以少，

比如： function x(a,b){} //我們寫了2個參數

如果我們傳了3個參數，js會自動忽略掉多的/

執行個體：

function x(a,b){

 document.write(a+ " "+b);

}

x(1,2,3,4);

如果我們隻傳了一個參數，會出現什麼情況呢？

function x(a,b){

 document.write(a+ " "+b);

}

x(1);

我們發現輸出 了undefined，是以js會把少的，賦予undefined；

這樣可能會引起程式錯誤。

解決：

function x(a,b){

var b = b || " "; // 這個是或運算符，如果前面的b為undefined，也就是false，他會取後面的空字元

 document.write(a+ " "+b);

}

x(1);

6,實戰：

編寫一個javascript圖檔館:

3C//DTD XHTML 1.1//EN"

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

javascript

圖檔館

      test1

      test2

      test3

      test4

選擇圖檔 .

看了這個例子，也許你會納悶，我怎麼就看不懂呢？

如果是這樣，那麼你的納悶是對的。呵呵。

看不懂就看不懂吧。 先把看不懂的 拿筆記住， 後面幾章我們講 學習 DOM程式設計。

到時候 一切不懂 都會被化解。。。。。。

總節:

這章沒說什麼重大的東西，浪費了大家時間了。請原諒我。。。

不過下幾章，相信大家都比較感興趣。。。保密。^_^。

如果還有不懂，可以google 搜尋資料.

或者聯系我 ,可以去我的blog 給我留言 :

http://www.cssrain.cn/LoadMod.asp?plugins=GuestBookForPJBlog

轉載于:https://www.cnblogs.com/JemBai/archive/2008/08/13/1266783.html