javascript簡要知識點

javascript簡要知識點

Javascript的基礎語言

1. Js是用於web開發的指令碼語言。

2. 指令碼語言

1） 不能獨立使用，它和html語言/jsp/php/asp/asp.net配合使用，介於html和c,c++,java,c#；

2） 指令碼語言有變數，函數，控制語句；

3） 指令碼語言是解釋性語言（在執行的時候對源碼進行執行）

4） js使用瀏覽器中解釋執行

3. javascript在瀏覽器用戶端執行

4. 因為js是由瀏覽器來解釋執行的，因此這裡有個問題，不同類型的瀏覽可能對js的支援不一樣。

5.開發工具

1） 記事本

2） eclipse

6.開始案例

1）案例1：開啟網頁顯示hello world

<script lanauage="javascript" >

window.alert("hello");

</script>

a. Js的位置可以隨意

b. Js必須用<script>包起來，如果沒有，則瀏覽器會將其視為普通文本。

c. 在一個html（jsp php asp）檔案中可以出現多對<script>片段，瀏覽器會按先後順序依次執行。

2） 案例二： 對前面的做加法

<scriptlanauage="javascript" >

// js中變數的定義，在js中變數用var表示，不管實際類型是什麼

var num1 = 45;

var num2 = 89;

var result = num1+num2;

window.alert("結果是"+result);

</script>

7. js的變數的類型究竟怎樣決定

1）是弱資料類型語言

2）js中變數的資料類型由js引擎決定

8. js的命名規範（變數和函數）

1） 使用大小寫字母、數字、_，$可以命名

2） 不能數字開頭

3） 不能使用js的關鍵字和保留字

4） 區分大小寫

5） 注釋// /**/

9. js的資料類型

1） 基礎資料型別 (Elementary Data Type)

a. 數值 var a = 89; var b = 35.0;

特殊值： NaN window.alert(parseInt(“abc”)); inifinity window.alert(6/0);

b. 字串 “a book of JavaScript” ‘abc’

c. 布爾型

註：通過typeof可以看到變數的具體資料類型

<scriptlanguage="javascript">

var v1 = "abc";

var v2 = 890;

window.alert("typeof(v1)=>"+typeof(v1));

window.alert("typeof(v2)=>"+typeof(v2));

v1 = 567;

window.alert("typeof(v1)=>"+typeof(v1));

</script>

2）複合資料型別

a. 數組

b. 對象

c. 特殊類型

null

udefine樣本

var tt; window.alert(tt);未定義

window.alert(tt);出錯 未定義

10. js資料類型的轉換

1） 自動轉換

2） 強制轉換

Var a = “12345”;

a = parseInt(a);// 使用系統函數強制轉換

11. js的運算子

+,-,*,/

%（去模） 可用來判斷兩個數是否可以整除

++運算子

- -運算子

12. javascript的控制語句

1） 順序控制

2） 分支控制

a. 單分支

b. 雙分支

基本文法

if(條件運算式)

{

}

else

{

}

c. 多分支

基本文法

If(條件運算式)

{

}

else if()

{

}

…

else

{

}

d. Switch語句

<script language="javascript">

var a = "890";

switch(a)

{

case "890":

window.alert("890");

break;

case "90":

window.alert("90");

break;

default:

window.alert("沒有匹配項");

}

</script>

Js的switch語句可以使js支援的任何類型（數組和對象除外）

Case後面的資料類型可以任意（數組和對象除外）

Break跳出整個switch

13. 在邏輯運算中，0、“”、false、null、udefined、NaN均表示false

非常重要的知識點：

||將返回第一個不為false的值，或者最後一個值（如果全部是false）。

||返回的結果不一定是布爾值

14. js也有位元運算和移位元運算

15 函數

① 為什麼需要函數

② 函數的基本機率

Function()函數名(參數列表)

{

// 代碼

Return 值;

}

functioncalculator(num1, num2, operator) // 參數名前不要帶var

{

var res = 0;

switch(operator)

{

case '+':

res = num1+num2;

break;

case '-':

res= num1-num2;

break;

case '*':

res = num1*num2;

break;

case '/':

res = num1/num2;

break;

}

returnres;

}

將上述的函數單獨提出，寫到js檔案中，然後在需要的地方引入即可。

<scriptlanguage="javascript"src="myfunction.js"></script>

16 函數調用方式

① 普通調用

函數名（參數列表）

② 通過指向函數的變數去調用

var myvar = 函數名

myvar（實際參數）

17 可變參數

Js的函數天然支援可變參數

abc2(1, 3, 4,8);

function abc2()

{

for(var i=0;i

{

window.alert(arguments[i]);

}

}