DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript真的不難-回顧一下基礎知識
javascript真的不難-回顧一下基礎知識
編輯:JavaScript基礎知識     
前言
說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]); // 火狐的控制台可以看到結果
}

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

好了,對於JS編程基礎知識就寫到這裡,從下回開始,將介紹jquery的相關知識了,感謝閱讀!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved