初識JavaScript

一、JavaScript簡介

1.ECMAScript

1）為了確保不同的瀏覽器上運行的JavaScript標準一致，所以幾 個公司共同定制了JS的標準名命名為ECMAScript，（但是實際上JavaScript的含義卻要更大一些）

2）ECMAscript定義的只是這門語言的基礎，我們常見的web瀏覽器只是其實作可能的宿主環境之一，

2.JavaScript構成

3.解釋型語言

JavaScript是一門解釋型語言，所謂解釋型值語言不需要被編 譯為機器碼在執行，而是直接執行，

4.動態語言

JavaScript是一門動態語言，所謂的動態語言可以暫時理解為
在語言中的一切內容都是不確定的，

二、基本語法

1.撰寫位置

1）代碼全都需要在網頁中編 寫，

2）JS代碼需要撰寫到

3）我們一般將script標簽寫到head中，（和style標簽有點像）

4）屬性：

–type：默認值text/javascript可以不寫，不寫也是這個值，

–src：當需要引入一個外部的js檔案時，使用該屬性指向檔案的地址，

例子：

2.嚴格區分大小寫

JavaScript是嚴格區分大小寫的，也就是abc和Abc會被決議器
認為是兩個不同的東西，

3.注釋

JS中的注釋和Java的的一致，分為兩種：

–單行注釋：//注釋內容

–多行注釋：/注釋內容/

4.識別符號

1）所謂識別符號，就是指變數、函式、屬性的名字，或函式的引數，

2）識別符號可以是按照下列格式規則組合起來的一或多個字符：

–第一個字符必須是一個字母、下劃線或一個美元符號（ $ ），

–其他字符可以是字母、下劃線、美元符號或數字，

注：JavaScript中的識別符號不能是關鍵字和保留字符，

5.關鍵字和保留字符

6.變數（給某一個值或物件標注名稱）

1）變數的宣告：

–使用var關鍵字宣告一個變數，

–var a;

2）變數的賦值：

–使用=為變數賦值，

– a=123;

3）宣告和賦值同時進行：

– var a = 123;

7.資料型別

JavaScript中一共有5種基本資料型別，字串型（String）、數值型（Number）、布爾型（Boolean）、null型（Null）、undefined型（Undefined）這5種之外的型別都稱為Object，所以總的來看JavaScript中共有六種資料型別，

1）字串型（String）

a.字串需要使用 ’或“ 括起來，

b.將其他數值轉換為字串有三種方式：toString()、String()、 拼串，

c.轉義字符

2）數值型（Number）

a.Number 型別用來表示整數和浮點數，最常用的功能就是用來表示10進制的整數和浮點數，

b.Number表示的數字大小是有限的，范圍是：

– ±1.7976931348623157e+308

– 如果超過了這個范圍，則會回傳±Infinity，

c.NaN，即非數值（NotaNumber）是一個特殊的數值，JS中 當對數值進行計算時沒有結果回傳，則回傳NaN，

3）布爾型（Boolean）

a.布爾型也被稱為邏輯值型別或者真偽值型別，

b.布爾型只能夠取真（true）和假（false）兩種數值，

c.其他的資料型別也可以通過Boolean()函式轉換為布爾型別，

d.轉換規則：

4）null型（Null）

a.Null 型別是第二個只有一個值的資料型別，這個特殊的值是

null，

b.從語意上看null表示的是一個空的物件，

5）undefined型（Undefined）

a.Undefined 型別只有一個值，即特殊的undefined，

b.在使用 var 宣告變數但未對其加以初始化時，這個變數的值就 是 undefined，

c.undefined值實際上是由null值衍生出來的，所以如果比undefined和null是否相等，會回傳true，

注：typeof對沒有初始化和沒有宣告的變數都會返undefined，

8.typeof運算子

用來檢查一個變數的資料型別

–typeof數值 number

–typeof字串 string

–typeof布爾型 boolean

–typeof undefined undefined

–typeof null object

9.數值的轉換

1）有三個函式可以把非數值轉換為數值：Number()、parseInt() 和parseFloat()，

2）Number()可以用來轉換任意型別的資料，而后兩者只能用于轉換字串，

3）parseInt()只會將字串轉換為整數，而parseFloat()可以轉換為浮點數，

10.運算子

1）算術運算子

自增和自減

–自增和自減分為前置運算和后置元素，

–所謂的前置元素就是將元素符放到變數的前邊，而后置將元素符放到變數的后邊，

–例子：

?前置自增：++a

?后置自減：a—

–運算子在前置時，運算式值等于變數原值，

–運算子在后置是，運算式值等于變數變更以后的值，

2）邏輯運算子

一般情況下使用邏輯運算子會回傳一個布林值，?在進行邏輯操作時如果運算元不是布爾型別則會將其轉換布爾型別在進行計算，

非！

?非運算子可以應用于任意值，無論值是什么型別，這個運

算符都會回傳一個布林值，

?非運算子會對原值取反，

與&&

?與運算子可以應用于任何資料型別，且不一定回傳布爾 值，

?對于非布林值運算，會先將非布林值轉換為布林值，

?對布林值做運算時，如果兩個值都為true則回傳true， 否則回傳false，

?非布林值時：如果兩個都為true，則回傳第二個值，如 果兩個值中有false則回傳靠前的false的值，

或||

?或運算子可以應用于任何資料型別，且不一定回傳布林值，

?對于非布林值運算，會先將非布林值轉換為布林值，

?對布林值進行運算時，如果兩個值都為false則回傳false， 否則回傳true，

?非布林值時：如果兩個都為false，則回傳第二個值，否則回傳靠前true的值，

3）賦值運算子

=、+=、*=、-=、/=、%=

4）關系運算子

小于（<）、大于（>）、小于等于（<=）、大于等于（>=）

5）條件運算子

6）相等

相等==、不相等!=

注：null和undefined使用==判斷時是相等的，

7）全等（===）

===表示全等，它和==基本一致，不過==在判斷兩個值 時會進行自動的型別轉換，而===不會，

11.陳述句

1）條件陳述句

if…else陳述句

?第一種形式：

?第二種形式：

switch…case陳述句

switch陳述句更適用于多條分支使用同一條陳述句的情況，

?語法：

2）回圈陳述句

while陳述句

語法：

do…while陳述句

?do…while和while非常類似，只不過它會在回圈的尾部而不是頂部檢查運算式的值，

?do…while回圈會至少執行一次，

?語法：

for陳述句

語法：

3）break和continue

?使用break陳述句會使程式立刻退出最近的回圈，強制執行回圈后邊的陳述句，

?break和continue陳述句只在回圈和switch陳述句中使用，

?使用continue陳述句會使程式跳過當次回圈，繼續執行下一次回圈，并不會結束整個回圈，

?continue只能在回圈中使用，不能出現在其他的結構中，