HTML-JS基礎 變數與輸入輸出 運算子 分支結構

標籤：警告   接收   情況   輸出   else   數字   float   使用   等於   

js中的變數
 1、JS中變數聲明的寫法；
 var num=10;//使用var聲明的變數屬於局部變數只在當前範圍內有效
 num=10;//不用var聲明的變數，預設為全域變數，在整個JS檔案中都有效。
 2、使用一行語句同時聲明多個變數。var x=10,y,z=8;
 Y屬於已聲明但是未賦值狀態 結果為undefined。 

聲明變數的注意事項
 ① JS中所有變數的聲明均使用var關鍵字，變數具體是什麼資料類型，取決於給變數賦值的類型。 

 ② JS中同一個變數，可以在多次不同賦值時，修改變數的資料類型。

 var=10;//初始聲明時a是整數型
  a="aaa"//重複賦值時，整數型的a被修改為字串類型。

③ 變數可以使用var聲明，也可以不使用var聲明。
[區別] 使用var聲明為局部變數，不使用var聲明為全域變數。

④ 只用var聲明，但是不賦值。結果為undefined.
例如,var a;//a為undefined.但是，如果不聲明也不賦值的a，直接使用會報錯。

⑤ 同一變數名，可以多次使用var聲明，但是後面的var並沒有任何卵用。第二次再使用var聲明時，只會被理解為
普通的賦值操作。
2、變數名的命名要求
① 變數名只能由字母、數字和底線組成。
② 開頭不能是數字。
③ 變數名區分大小寫，大寫字母和小寫字母為不同變數。
3、變數名的命名規範
① 要符合小駝峰法則（駱駝命名法）：
首字母小寫，之後每個單詞的首字母大寫
myNameIsZhaoYuan √
②貨值使用匈牙利命名法，所有字母小寫，單詞之間底線分隔。
my_name_is_zhao_yuan √
mynameisjianghao × 能用但是不規範。
4、JS中的資料類型
undefined:未定義。已經使用var聲明的變數，但是沒有賦值. 例如 var a;
null：空的引用。
boolean:布爾類型。表示真假。只有兩個值 true false.
number:數實值型別。可以是正數，也可以是小數。
string:字串類型。用"" 或‘‘包裹的內容，稱為字串。
object:物件類型。
5、[常用的數值函數]
① isNaN();判斷一個變數或常量是否是NaN（not a number 非數值）
使用isNaN判斷時，會嘗試使用number（）函數進行轉換。如果最終結果能夠轉為數字，則
不是NaN，結果為false。
② number()函數，將其他類型的資料，嘗試轉為數值型。
[字串類型]
>>>字串為純數值字串，會轉為對應的數字："111"->111
>>>字串為空白字串，會轉為0：""->0；
>>>字串包含任何其他字元時，都不能轉。"1a"->NaN
[boolean類型]
true->1
false->0
[null/undefined]
null->0
undefined->NaN
[object]
③ ParseInt()將字串轉為整數類型。
>>>純數值字串，能轉。"12"->12 "12.9"->12(小時轉化時，直接抹掉小數點，不進行四捨五入)
>>>Null 字元串不能轉""->NaN
>>>包含其他字元的字串，會截取第一個非數值字元前的數字部分 "123a456"->123 "b123a456"->NAN
>>>ParseInt()只能轉字串，轉其他類型全是NaN。
[number函數與ParseInt()的區別]
1.number函數可以轉各種資料類型，ParseInt()只能轉字串;
2.兩者在轉字串時，結果不完全相同。
④ ParseFloat() 將字串轉為數值型；
轉換規則與ParseInt()相同，只是如果有小數，則保留小數點。如果沒有小數，則依然是整數。
"12.5"->12.5 "11"->11
⑤ typeof()檢測變數的資料類型
字串->string
數值->number
未定義->undefined
true/false->boolean
對象/null->object
函數->function

[js中常用的輸入輸出語句]
1、document.write();將（）中的內容，列印輸出到瀏覽器上；
使用時需注意，除變數常量外的所有內容，必須放到""中。變數和常量必須放到""外面。
如果同時有變數和字串，必須用+連結

eg:document.write("左手中的紙牌"+left+"<br />")
2、alert();使用彈窗輸出；

彈窗警告，（）中的內容與上述要求相同。

3、promt();彈窗輸入\n

接受兩部分參數：
① 輸入框上面的提示內容，可選
② 輸入框裡面的預設資訊，可選
當唯寫一部分時，表示表示輸入框上面的提示內容
可以定義變數，接收輸入的內容，點擊確定按鈕，變數將被賦值為輸入的內容
點擊取消按鈕，變數將被賦值為null。
輸入內容時預設接收的資料類型都是字串。

1、算術運算(單目運算子)
+ 加、-減、*乘、 /除、 %取餘、++自增 、--自減
>>> +：有兩種作用，連結字串/加法運算。當+兩邊全為數字時，進行加法運算；當+兩邊有任意一邊為字串時，
起連結字串的作用。除+外，其餘符號運算時，會嘗試將左右兩邊用number函數轉為數字。
>>> /：結果會保留小數點。
>>> ++：將變數在原有基礎上加一
--:將變數在原有基礎上減一
【a++和++a的異同】 預先 空襲 災情 解除
① 相同點：無論是a++還是++a運算玩以後 a的值均會加1
②不同點：a++：先用a的值運算，再把a+1;
++a:先把a+1，再用a的值運算。

2、賦值運算
=賦值 += -= *= /= %=
a +=b;相當於 a=a+b;但是前者的運算效率要比後者快。，所以推薦使用+=的寫法。

3、關係運算
==、===、 !=、!== 不全等>、<、>=、<=
>>>關係運算子，運算之後的結果，只能是boolean類型;
>>>判斷一個數字是否處於某個區間，必須用&&連結
a<=10 && a>=0 √
>>>===：嚴格等於。要求不但要類型相同，值也必須相同。類型不同結果結果直接false;類型相同，載進行下一步判斷。
>>>==:等於。類型相同時，與===
相同，類型不同時，先嘗試用number();將兩邊轉為數字，然後再進行判斷。
但是有個別特例 ，如null==false × null==undefined √

4、條件運算子(多目運算)
a>b?true:false
由兩個重要符號 ： ？和:
當？前面部分運算結果為true時，執行：前面的代碼
當？前面部分運算結果為false時，執行：後面代碼
:兩邊可以為數值，則整個式子可用於賦值。var a=1<2?1：2;
冒號兩邊可以為代碼塊，將直接執行代碼，1<2?alert(1):alert(2);
多目運算子可以多層嵌套var a=1<2?alert(1):(1<2?4:5);

5、位元運算符、 邏輯運算子
&&與、 ||或、！非
&&兩邊都成立，結果為true
|| 兩邊有任意一邊成立，結果為true
6、運算子的優先順序
() 小括弧最高
! ++ -- 單目運算子
* / %
+ -
< > <= >=
== !=
&&
|| 與或同時存在時，與比或高。
+= -= *= 、/= 最低的是各種賦值。

【if-else結構】
1、結構的寫法
if(判斷條件){
條件為true時，執行if{}
}
else{
條件為false時，執行else{}
}
2、注意事項
① else{}語句塊。可以根據情況進行省略。
② if和else後面的大括弧可以省略，但是省略大括弧後，if和else後面只能跟一條語句。
所以並不建議省略大括弧。
3、if的括弧中的判斷條件支援的資料類型，支援的情況。
① Boolean：true為真，false為假。
② string：Null 字元串為假。所有非Null 字元串為真。
③ number：0為假，一切非0數字為真。
④ null undefined NaN：全為假。
⑤ object：全為真。
* */

/*
【多重if結構】
1、結構寫法
if(條件一){
條件一成立，執行的操作
}
else if(條件二){
條件一不成立，並且條件二成立執行的操作
}
else if(){
上述所有條件都不成立時，執行的操作。
}
2、多重if結構中，各個判斷條件是互斥的，只能選擇其中一條路執行，遇到正確選項
並執行完以後，直接跳出結構，不再判斷後續分支；

3、嵌套if結構
1、if寫法：
if(條件一){
//條件一成立
if(條件二)
{
條件一成立&&條件二成立
}else{
條件一成立&&條件二不成立
}
}
else{
//條件一不成立
}
2、在嵌套if結構中，如果省略大括弧，else結構永遠屬於離他最近的一個if結構
3、嵌套結構可以多層嵌套，但是一般不超過三層
能用多重if結構的一般不推薦嵌套if。

HTML-JS基礎 變數與輸入輸出 運算子 分支結構