手初學javascript怎么學？最近開始學習JavaScript，西安鷗鵬教育整理了一些相關的基礎知識，希望對大家有所幫助。

JS注釋方式：

// 單行注釋（Ctrl+/ ）

/*

段落注釋(Ctrl+shift+/ )

*/

【JavaScript基礎】

JavaScript：

基于瀏覽器 、基于（面向）對象、事件驅動、腳本語言

JavaScript的作用：

表單驗證,減輕服務的壓力，添加頁面動畫效果，動態更改頁面內容，Ajax網絡請求（Ajax：可以實現頁面局部刷新）

JavaScript組成部分；ECMAScript（5.1/6）、DOM、BOM

ECMAScript腳本程序語言：

語法標準：語法；變量和數據類型；運算符；邏輯控制語句；關鍵字、保留字；對象

DOM文檔對象模型

BOM瀏覽器對象模型

JavaScript的基本結構：

<script type="text/javascript">

JS語句;

</script>

變量的聲明和變量：

先聲明變量再賦值：

var width; width=5;

var——用于聲明變量的關鍵字；width——變量名

...

同時聲明變量和賦值

不聲明直接賦值

【使用JS的三種方式】

1、HTML標簽中內嵌JS；

<button onclick="alert('小樣你真點啊！')">有本事點我呀！！！</button>

2、HTML頁面中直接使用JS：

<script type="text/javascript">

JS語句;

</script>

3、引用外部JS文件：

<script language="JScript" src="JS文件路徑"></script>

【注意事項】

1)頁面中JS代碼與引用JS代碼，可以嵌入到HTML頁面的任意位置。但是，位置不同會影響到JS代碼的執行順序；

例如：<script>在body前面，會在頁面加載之前執行JS代碼;

2)頁面中JS代碼，使用type="text/javascript"

引用外部的JS文件，使用language="JScript"

3)引用外部JS文件的<script></script>標簽，必須成對出現，且標簽內部不能有任何代碼！

【JS中的變量】

1、JS中變量聲明的寫法:

var width=10;//使用var聲明的變量，只在當前函數作用域有效

width1=11;//不適用var，直接賦值生成的變量，默認為全局變量，整個JS文件有效

var a,b,c=1;//同一聲明語句同時聲明多個變量，變量之間用英文逗號分隔，但是，賦值需要單獨賦值，例如上式中，只有c賦值為1，a b為undefined(未定義)。

【聲明變量注意事項】

1）JS中所有變量類型聲明，均使用var關鍵字。變量的具體數據類型，取決于給變量賦值的執行。2）同一變量可在多次不同賦值時，修改變量的數據類型

var width=10;//width 為整型變量

width="hahaha";//width 被改為字符串類型

3）變量可以使用var聲明，也可以省略var，[區別]不使用var，默認為全局變量

4）同一變量名，可以多次用var聲明，但是并沒有任何含義，也不會報錯，第二次之后的聲明，只會被理解為賦值。

2、變量的命名規范

1）變量名，只能有字母，數字，下劃線，$組成

2）開頭不能是數字

3）變量區分大小寫，大寫字母與小寫字母為不同變量

3、變量命名名要符合駝峰法則：

變量開頭為小寫，之后每個單詞首字母大寫；

XiaoXiZhenMeng √

xiao_xi_zhen_meng √

xiaoxizhenmeng ×

4、JS中的變量的數據類型

Undefined：未定義，用var聲明的變量，沒有進行初始化賦值。var a;

Null：表示為空的引用。var a=null;（其中一種情況）eg:空對象，空數組。。。

boolean:真假，可選值true/false

Number:數值類型。可以是小數，也可以是正數。

String：字符串類型。用""和''包裹的內容，稱為字符串。

Object（復雜數據類型）：后續講解，函數、數組等。。。

5、常用的數值函數：

1）isNaN：用于判斷一個變量或常量是否為NaN（非數值）

使用isNaN判斷時，會嘗試使用Number（）函數進行轉換，如果能轉換為數字，則不是非數值，結果為false

"111" 純數字字符串，false "" 空字符串，false "la" 包含其他字符，true

true/false 布爾類型，false

2)Number():將其他類型轉換為數值類型

[字符串類型轉數值]

>>字符串為純數值字符串，會轉為對應的數字"111"->111

>>字符串為空字符串時，會轉換為0 ""->0

>>字符串包含其他非數字字符時，不能轉換 "111a"->NaN

[布爾Boolean類型轉數值]

true->1 false->0

[null/Undefined轉數值]

null->0 Undefined->NaN

[Object類型轉數值]

（以后再了解哦~）先調用ValueOf方法，確定函數是否有返回值，再根據上述各種情況判斷。

3）parseInt:將字符串轉成數值

>>>空字符串，不能轉。結果為NaN

>>>純數值字符串，能轉。"123"->"123" "123.5"->123(小數轉化時，會直接抹去小數點，不進行四舍五入)

>>>包含其他字符的字符串，會截取第一個非數值字符串前的數值部分。"123a456"->123 "a123b345"->NaN

>>>parseInt只能轉String類型，Boolean/null/Undefined 均為NaN

4)parseFloat:將字符串轉為數值

>>>使用方式同parseInt，但是，當轉化小數字符串時，保留小數點；轉化整數字符串時，保留整數；

"123.5"->123.5 "123.0"->123

5)typeOf:用來檢測變量類型

未定義—>Undefined 字符串->string true/false->boolean 數值->Number

對象/null->Object 函數->function

【JS中的輸出語句】

document.write();

輸出語句，將write的（）中的內容打印在瀏覽器屏幕上

使用時注意：除變量/常量以外的任何內容，打印時必須放在""中，變量/常量必須放到""外

打印的內容同時有多部分組成，之間用“+”鏈接

例如：document.write("輸出互換前手中的紙牌："+left+"<br />");

alert();彈窗警告

1、【算術運算】

+ 加、- 減、* 乘、 / 除、 % 取余、++ 自增、-- 自減

+:有兩種作用，鏈接字符串/加法運算；當+兩邊均為數字時，進行加法運算；

當加號兩邊有任意一邊為字符串時，進行字符串鏈接，鏈接之后的結果認為字符串

++：自增運算符，將變量在原來基礎上+1；

--：自減運算符，將變量在原來基礎上-1；

【n++ 與 ++n 的異同】

n++：先使用n的值進行計算，然后再把n+1;

++n: 先使用n的值+1，然后再用n+1以后的值，去運算；

相同點：不論是n++還是++n，在執行完代碼以后，均會把n+1;

eg: var a=3;

var b,c;

b=a++ +2; //a=3 b=5 c=4

c=++a +2; //a=4 b=5 c=7

document.write("a:"+a);

document.write("b:"+b);

document.write("c:"+c);

2、賦值運算

=賦值、 +=-=*=/=%=

+=：a +=5;相當于a=a + 5;但是，前者的執行效率要比后者快，

3、關系運算

==等于、===嚴格等于、 ！=不等于 、>、<、>=、<=

===：嚴格等于；類型不同，返回false；類型相同，再進行下一步判斷

==：等于；類型相同，同===；類型不同，嘗試將等式兩邊轉為數字，再判斷；

特例：null==Undefined √ ； null===Undefined ×

4、條件運算符(多目運算)

a>b?true:false

有兩個關鍵符號：？和：

當？前面的部分運算結果為true時，執行：前面的代碼；

當？前面的部分運算結果為false時，執行：后面的代碼；

>>>多目運算符可以多層嵌套：

例如：var jieguo=

5、邏輯運算符

&& 與、|| 或、！ 非

6、運算符的優先級

（）

！ ++ --

% / *

+ -

> < >=<=

==!=

&&

||

各種賦值==+ *=/=%=

【if-else結構】

1、結構寫法：

if（判斷條件）{

//條件為ture時執行

}else{

//條件為false時執行

}

2、if（）中的表達式，運算之后的結果應該為：

1）Boolean：true 真 ; false 假

2）string：非空字符串為真 ；空字符串為假

3）Number：0為假 ；一切非0均為真

4）Null/NaN/Undefined:全為假

5)Object:全為真

3、else{}結構，可以根據具體情況省略；

【多重if、階梯if】

1、結構寫法：

if(條件一){

//條件一成立

}else if(條件二){

//條件一不成立&&條件二成立

//else if 部分，可以有多個

}else{

//條件一不成立&&條件二不成立

}

2、多重if結構中，各個判斷條件是互斥的，只能選擇其中一個

3.if/else的大括號可以省略，但不提倡，如果省略，

則if/else包含的代碼只包括其后最近的一行（分號結束）；

else結構永遠屬于其前方最近的一個if結構。

【嵌套if結構】

1、結構寫法：

if（條件一）{

//條件一成立

if（條件二）{

//條件二成立

}else{

//條件為false時執行

}

}else{

//條件為false時執行

}

2、if結構可以多重嵌套，但是原則上不超過三層

【Switch-Case結構】

1、結構寫法：

switch（表達式）{

case 常量表達式1：

語句一；

break；

case 敞亮表達式2：

語句二；

break；

。。。

default：

語句N

}

2、注意事項：

1）switch（）中的表達式，以及每個case后面的表達式，可以為任何JS支持的 數據類型；（對象和數組不同）；

2）case后面的所有常量表達式，必須各不相同，否則只會執行第一個；

3）case后的常量可以是任何數據類型；同一個switch結構的不同case，可以是多種不同的數據類型；

4）switch在進行判斷時，采用的是全等判斷===

5）break的作用：執行完case代碼后，跳出當前switch結構；

缺少break的后果：從正確的case項開始，依次執行所有的case和defalse

6）switch結構在判斷時，只會判斷一次正確答案，當遇到正確的case項后，將會不再判斷后續項目，依次往下執行；

7）switch結構的執行速率要快于多重if結構。在多路分支時，優先考慮switch結構。

【循環結構的步驟】

1)聲明循環變量

2)判斷循環條件

3)執行循環體(while的{}中所有代碼)操作

4)更新循環變量

然后，循環執行2）3）4）

【JS中循環條件支持的數據類型】

1）Boolean：true 真 ; false 假

2）string：非空字符串為真 ；空字符串為假

3）Number：0為假 ；一切非0均為真

4）Null/NaN/Undefined:全為假

5)Object:全為真

while循環特點:先判斷，在執行

do-while循環特點:先執行，在判斷；即使初始條件不成立，do-while循環也至少執行一次

【For循環】

1、for循環有三個表達式，分別為：①定義循環變量 ② 判斷循環條件 ③更新循環變量（三個表達式之間，用;分隔。）

for循環三個表達式可以省略，兩個;缺一不可

2、for循環特點：先判斷，再執行；

3、for循環三個表達式，均可以有多部分組成，之間用逗號分隔，但是第二部分判斷條件

需要用&&鏈接，最終結果需要為真/假

【循環控制語句】

1、break：終止本層循環，繼續執行循環后面的語句；

當循環有多層時，break只會跳過一層循環；

2、continue：跳過本次循環，繼續執行下一次循環；

對于for，continue執行后，繼續執行循環變量更新語句n++

對于while，do-while，continue執行后，繼續執行循環條件，

判斷；所以使用這兩個循環時必須注意continue一定要在n++之后，否則會造成死循環。