javascript真的不難-回顧一下基礎知識

來源:互聯網
上載者:User

前言
說Jquery之前,先來學習一下Javascript(以後簡稱為JS)語言中的基礎知識問題,其時對於每種程式設計語言來說基礎知識都是大同小異的,對變數,函數,條件陳述式塊,迴圈語句塊等等,而對於每種語言在寫法上到是顯得各有不同,如JS裡在定義變數時,你要用var去聲局部變數的聲明,而對於弱類型的語言JS來說,你也可以不加var,但不加它會認為這個變數為全域變數,這是要注意的。

變數
在程式運行過程中,其值可以發生改變的(呵呵,10多年前書上的定義)
var people ; //聲明一個名為people的變數
var people="good boy" ; //聲明變數的同時為它賦值,瀏覽器自動解釋它為字元型變數
var age=23; //聲明一個局部變數,類型為整形
age=30 ; //聲明一個全域變數,類型為整形,在程式執行過程中,它不會被釋放

函數
為了實現一個功能,將一些代碼塊組織在一起,形成一個整體,我們叫它函數function,它可以大大減小代碼的重複量,並使程式更清晰 複製代碼 代碼如下:// 標準寫法
funciton helloFun(){
alert("hellow world")
}
// 變數形式的寫法
var helloFun=function(){
alert("hellow world")
}
// 函數可以有參數,它異為弱類型
var helloFun=function(msg){
alert(msg);
}
// 函數的調用
helloFun("hello world");

條件陳述式
對於一件事,有多種結果,這時條件陳述式就出場了,如果條件固定幾個值,可以用switch,否則使用if...else,看代碼 複製代碼 代碼如下:// switch執行個體
var inputNumber=document.getElementByID("type");
switch(inputNumber)
{
case 1:
alert("類型1號");
break;
case 2:
alert("類型2號");
break;
case 3:
alert("類型3號");
break;
default:
alert("throw new Exception()");
break;
}
// if執行個體
var inputAge=document.getElementByID("age");
if(inputAge>1 && inputAge<18)
{
alert("未成年");
}
else if (inputAge>=18 && inputAge<70)
{
alert("成年人");
}
else if(inputAge>=70)
{
alert("老年人")
}
else
{
alert("填寫表單有誤");
}

迴圈語句
即在附和某個條件的時候,重複的執行某個代碼塊,我們可以使用while ,for等等 複製代碼 代碼如下:// for迴圈
var arr=[1,2,3]
for(int i=0;j=Arr.length;i<j;i++){
console.log(arr[i]); // Firefox的控制台可以看到結果
}

事實上,在JS世界,對於代碼的執行效能也是很有講究的,我們在for語句的寫法效能不是錯的,但如果寫成下面的,效能會有所下降,因為它每次
遍曆時,都會去求Arr的長度。 複製代碼 代碼如下:// for迴圈
var arr=[1,2,3]
for(int i=0;i<Arr.length;i++){
console.log(arr[i]); // 效能不好的
}

好了,對於JS編程基礎知識就寫到這裡,從下回開始,將介紹jquery的相關知識了,感謝閱讀!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: 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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.