Jquery真的(de)不難~第一回(hui) 編程基礎知識
前言
說Jquery之前(qian),先來學習一(yi)下Javascript(以后簡稱(cheng)為JS)語(yu)言(yan)(yan)中的基礎知識(shi)問題(ti),其時對(dui)于(yu)每種編程語(yu)言(yan)(yan)來說基礎知識(shi)都是大同小異的,對(dui)變(bian)(bian)(bian)量(liang),函數,條件語(yu)句(ju)塊(kuai),循環語(yu)句(ju)塊(kuai)等等,而對(dui)于(yu)每種語(yu)言(yan)(yan)在寫法上到(dao)是顯得各(ge)有不(bu)同,如JS里(li)在定義(yi)變(bian)(bian)(bian)量(liang)時,你(ni)要用(yong)var去(qu)聲局(ju)部(bu)變(bian)(bian)(bian)量(liang)的聲明(ming),而對(dui)于(yu)弱類型(xing)的語(yu)言(yan)(yan)JS來說,你(ni)也可以不(bu)加(jia)var,但不(bu)加(jia)它會(hui)認為這(zhe)個變(bian)(bian)(bian)量(liang)為全局(ju)變(bian)(bian)(bian)量(liang),這(zhe)是要注意的。
變量
在程(cheng)序運(yun)行過(guo)程(cheng)中,其值可以發生(sheng)改變的(de)(呵呵,10多年前書上的(de)定義)
var people ; //聲明一個名為(wei)people的變量 var people="good boy" ; //聲明(ming)變(bian)量的(de)同時為它(ta)(ta)賦值,瀏覽器自動解(jie)釋它(ta)(ta)為字符型變(bian)量 var age=23; //聲明一個局部變量,類型為整形 age=30 ; //聲明一個(ge)全局變量,類(lei)型為整形,在程序執(zhi)行過程中,它不會被釋放
函數
為了實現一(yi)(yi)個功能,將一(yi)(yi)些代碼(ma)塊(kuai)組織在一(yi)(yi)起,形成一(yi)(yi)個整體,我們叫它(ta)函數function,它(ta)可(ke)以大大減小代碼(ma)的重復量,并使程(cheng)序更清晰
// 標準寫(xie)法 funciton helloFun(){ alert("hellow world") } // 變量形式的(de)寫法 var helloFun=function(){ alert("hellow world") } // 函數(shu)(shu)可以有參數(shu)(shu),它異為弱類型 var helloFun=function(msg){ alert(msg); } // 函數(shu)的(de)調用 helloFun("hello world");
條件語句
對于一件事(shi),有(you)多種結果,這時條件語(yu)句就出場了,如果條件固定(ding)幾個值,可以(yi)用(yong)switch,否(fou)則使用(yong)if...else,看(kan)代碼(ma)
// switch實例 var inputNumber=document.getElementById("type").value; switch(inputNumber) { case 1: alert("類型1號(hao)"); break; case 2: alert("類型2號"); break; case 3: alert("類(lei)型(xing)3號"); break; default: alert("throw new Exception()"); break; } // if實例 var inputAge=document.getElementById("age").value; if(inputAge>1 && inputAge<18) { alert("未成年(nian)"); } else if (inputAge>=18 && inputAge<70) { alert("成年人"); } else if(inputAge>=70) { alert("老年人") } else { alert("填(tian)寫(xie)表單(dan)有誤"); }
循環語句
即在附和某(mou)(mou)個條(tiao)件的(de)(de)時候(hou),重復(fu)的(de)(de)執行(xing)某(mou)(mou)個代碼塊,我們(men)可以使用(yong)while ,for等等
// for循環 var arr=[1,2,3] for(var i=0,j=Arr.length;i<j;i++){ console.log(arr[i]); // 火(huo)狐(hu)的控制臺可以(yi)看到結果 }
事實上,在JS世界(jie),對于代(dai)碼的(de)執行性能也是很(hen)有(you)講(jiang)究的(de),我(wo)們在for語句的(de)寫(xie)法性能不(bu)是錯的(de),但如果寫(xie)成下面的(de),性能會有(you)所下降,因為(wei)它每次
遍歷時,都會去求Arr的長度。
// for循環 var arr=[1,2,3] for(var i=0;i<Arr.length;i++){ console.log(arr[i]); // 性能不好的 }
好了(le),對(dui)于JS編程基(ji)礎知識(shi)就(jiu)寫到(dao)這里,從下回開始,將介紹jquery的相關知識(shi)了(le),感謝閱(yue)讀!