新手指南JavaScript中函數的參數學習筆記-js教程-網頁制作

香港交友討論區HkEasyChat

 找回密碼
 新會員註冊
..
喜歡本頁?立即SHARE


香港交友討論區HkEasyChat»論壇forum Hkeasychat電腦網絡 Blog/網頁設計程式區 JavaScript中函數的參數學習筆記-js教程-網頁制作
您正在討論區的: JavaScript中函數的參數學習筆記-js教程-網頁制作
查看: 50|回復: 0
收起左側

JavaScript中函數的參數學習筆記-js教程-網頁制作

[複製鏈接]

簽到天數: 2 天

連續簽到: 1 天

[LV.1]初來乍到

評論頭像

函數可以帶參數也可以不帶參數,不帶參數的函數多半用于固定操作,帶參數才是一個函數最有意義的地方,當然匿名函數是沒有參數的了。
  我們之前寫的函數並沒有給它傳參,其實所謂的傳參就是將參數傳給函數,然後函數在內部做一些處理,那麼如何給參數傳參呢,其實函數後面的括號里面就是放參數的,下面舉個例子︰
代碼如下復制代碼
function sum(a, b)
{
alert(a+b);
}
sum(12, 5);
上面的函數中,給sum設置了2個參數a和b,當調用sum時,傳遞了2個參數給函數,這時a就變為了12,b就變為了5,函數體內的也要變。a和b就起到一個佔位符的作用,就好像你和同學去食堂打飯,突然想到早上吃飯看見飯卡里錢不多了,你就給你同學說先幫我排著隊,沖完飯卡就過去,等你回來的時候,你就站到同學的位置,當然打飯也是你自己刷卡。上面代碼中的數字就是你,字母就是你同學,alert(a+b)就是打飯付錢。當然你同學有名字,那這個a和b肯定也有名字,他們這種參數就叫做形參,就是個形式參數礎b那里,這個sum(12,5)中的參數就是實參,實際參數,也就是實際付錢的你。
有的函數並有形參,或者有的時候要傳給函數的參數不確定,那該怎麼辦呢,其實JS已經幫我們解決了這個問題,那就是每個函數都有自己的arguments對象,這個對象里裝的就是傳進來的那些參數。看看下面的代碼就明白了。
代碼如下復制代碼
function sss()
{
var sum=0;
for(var i=0; i sum+=arguments;
}
alert(sum);
}
sss(12, 5, 2);
sss函數我們並沒有給設置形參,但在調用的時候依然可以給它傳參,而這些參數都在arguments里面,arguments也有length屬性,但它不是數組,用alert(typeof arguments)彈出來的是object,可見它的的確確是個對象類型的。
接下來就是操作屬性的方法,其實操作屬性有2種方法,除了用點來操作外,還有一個就是用方括號來操作,具體的還是來看代碼︰
代碼如下復制代碼
function setText(name)
{
var oTxt=document.getElementById('txt1');
oTxt.value='asdfasdfasd';
oTxt['value']='asdfasdf';
}
上面的代碼是設置一個文本輸入框的內容,2種方法的最終效果都是一樣的,但是又各有優點,用點來操作屬性的有點很明顯,代碼寫的短,方便,不用那麼多的符號。而方括號設置屬性的方法從上面的代碼是怎麼也看不出有什麼有點是吧。那就接著看下面的代碼︰
代碼如下復制代碼
function setText(name)
{
var oTxt=document.getElementById('txt1');
oTxt.value='asdfasdfasd';
oTxt[name]='er3523543';
//oTxt.name='sdfqwrf'; 這種方法就成了設置屬性了的值了,而不是形參name
}
setText('value');
相信這回大家能看出門道了吧,那就是傳參,用方括號設置屬性的優點就是可以給函數傳參來設置屬性。最後就是循環語句,這個就不多說了,和別的語言一摸一樣,下面還是依照慣例上練習,望大家看源碼後下面留言交流。
第一個循環語句的練習,給所有的DIV加背景色。
代碼如下復制代碼







這里是前端客小末的demo頁,歡迎各種交流,各種留言。

返回首頁

























第二個是判斷和循環結合的,全選、反選、不選
代碼如下復制代碼




全選 反選 不選 - 前端客f2eer.com






這里是前端客小末的demo頁,歡迎各種交流,各種留言。

返回首頁

























第三個是商品彈出商品介紹
代碼如下復制代碼
















  • 產品


    NX5
    三星NX平台相機14.6萬像素的APS的- C的傳感器工作結構緊湊,重量輕體



  • 經銷商


    鼎好電子大廈A座9019室
    聯系電話︰010-62607039 13501246332



  • 價格


    NX5
    參考價︰890元







  • 產品


    歐達D350
    500萬像素,最高可插值1200萬像素 高清規格︰1080p



  • 經銷商


    鼎好電子大廈A座9019室
    聯系電話︰010-62607039 13501246332



  • 價格


    NX5
    參考價︰1890元









今天的學習就到這里,文章中如有哪里理解錯了,還請大家多多指教。:)
[/td] [/tr]        [/table]





系統自動相關推薦tag:forum,交友,alexa



上一篇︰Javascript的Attribute和setAttribute用法介紹-js教程-網頁制作
下一篇︰js添加事件與選取元素方法-js教程-網頁制作
+10
如您覺得" JavaScript中函數的參數學習筆記-js教程-網頁制作 "很膠,請share出去
您正在回覆: JavaScript中函數的參數學習筆記-js教程-網頁制作
您需要登錄後才可以回帖 登錄 | 新會員註冊

本版積分規則

回post預設係匿名,如唔想匿名回post請會員自己勾走

閱讀版|閱讀版大量|純文字網頁|香港交友討論區

Copyright © 香港交友討論區HKEASYCHAT Co. All Rights Reserved
香港廣告銷售No.1

手機版|論壇聯絡
HK ADVERTISEMENT 2015 GOLDEN REWARDS

GMT+8, 27-5-2018 03:22 AM

快速回復 返回頂部 返回列表
保持討論區活躍高登錄一齊討論啦~ hkeasychat