js變數與簡單資料型別
js有三種書寫位置，分別為行內、內嵌和外部，實際開發中大多使用外部，
<script src="https://www.cnblogs.com/chiYiN-zZZ/p/helloWorld.js"></script>
注：
- 使用外部js檔案有利于HTML頁面代碼結構化，方便檔案級別的復用
- 參考外部js檔案的script標簽中間不可以寫代碼
- 使用外部js檔案適合于js代碼量比較大的情況
1. js輸入輸出陳述句
| 方法 | 說明 | 歸屬 |
|---|---|---|
| alert(msg) | 瀏覽器彈出警示框 | 瀏覽器 |
| console.log(msg) | 瀏覽器控制臺列印輸出資訊 | 瀏覽器 |
| prompt(info) | 瀏覽器彈出輸入框，用戶可以輸入 | 瀏覽器 |
- 瀏覽器彈出警示框：
- 瀏覽器控制臺列印輸出資訊
- 瀏覽器彈出輸入框，用戶可以輸入
2. 變數
js的常用變數型別和Java的差不多，由于筆者學過Java，故跳過了這部分的學習，需要的請查閱其它資料，
2.1 變數命名規范
- 由大小寫字母、數字、下劃線_、美元符號$組成
- 嚴格區分大小寫，apple與Apple是兩個不同的變數
- 不能以數字開頭
- 不能是關鍵字、保留字，eg. for、while等等
- 變數名必須有意義，不能是隨便的abc
- 遵守駝峰命名法，首字母小寫，后面單詞的字母需要大寫，eg. newHelloWorld
- 盡量不要使用name作為變數名（原因：控制臺輸出為空）
2.2 變數的資料型別
變數是用來存盤值的所在處，它們有名字和資料型別，變數的資料型別決定了如何將代表這些值的位存盤到計算機的記憶體中，js是一種弱型別/動態語言，意味著不用提前宣告變數的型別，在程式運行程序中，型別會被自動確定，
var age = 3; //數字型
var yourName = '小明'; //字串
在代碼運行時，變數的資料型別是由js引擎根據等號右邊變數值的資料型別來判斷的，運行完畢后，變數就確定了資料型別，
js擁有動態型別，同時也意味著相同的變數可用作不同的型別：
var x = 1; //x為數字
var x = "hello"; //x為字串
3. 簡單資料型別
3.1 數字型Number
既可以用來保存整數值，也可以保存小數（浮點數），
var a = 5; //整數
var A = 5.6789; //小數
3.1.1 數字型進制
- 二進制：數字序列范圍：0~1，逢2進一位，eg.01(2)=1(10)，10(2)=2(10)，11(2)=3(10)
- 八進制：數字序列范圍：0~7，逢8進一位，eg.07(8)=7(10)，010(8)=8(10)，011(8)=9(10)
- 十進制：數字序列范圍：0~9，逢10進一位，
- 十六進制：數字序列范圍：0~9以及A~F，逢16進一位，eg.0xA(16)=10(10)，0xF(16)=15(10)，0x10(16)=16(10)
在js中八進制前面加0，十六進制前面加0x，
3.1.2 數字型范圍
js中數值的最大值和最小值：
- 最大值：Number.MAX_VALUE，為1.7976931348623157e+308
- 最小值：Number.MIN_VALUE，為5e-32
3.1.3 數字型三個特殊值
- Infinity：無窮大
- -Infinity：無窮小
- NaN：Not a Number，非數值
3.1.4 isNaN()
用來判斷一個變數是否為非數字的型別，回傳值為布爾型，
isNaN(x)：
- x是數字，回傳false
- x不是數字，回傳true
3.2 字串型String
語法為雙引號和單引號，但因為HTML標簽里的屬性使用的是雙引號，js推薦使用單引號，
3.2.1 字串引號嵌套
js可以用單引號嵌套雙引號，或者用雙引號嵌套單引號，注意要配成一對，
var eg1 = '舉個“栗子”' //單引號包含雙引號
var eg2 = "舉個'栗子'" //雙引號包含單引號
var eg3 = '這個是錯的" //不能單雙引號搭配
3.2.2 字串轉義符
轉義符都是\開頭的，這個和Java的沒什么不同的，故不再贅述，
3.2.3 字串長度
通過字串的length屬性可以獲取整個字串的長度，注意是屬性length，不是方法length()，不要混淆，
var str = 'hello world';
console.log(str.length);//顯示11
3.2.4 字串拼接
多個字串之間可以用加號+進行拼接，拼接方式為字串 + 任何型別 = 拼接后的新字串，
console.log('hello'+' '+'world'); //字串與字串，hello world
console.log('hello'+22) //字串與數值，hello22
console.log('22'+33) //數值字串與數值，2233
3.3 布爾型Boolean
有兩個值：true（真）和false（假），布爾型與數字型相加的時候，true的值為1，false的值為0，
console.log(true+1); //2
console.log(false+1); //1
3.4 Undefined和Null
一個宣告后沒有被賦值的變數會有一個默認值undefined，注意進行相連和相加后的結果，
var variable;
console.log(variable); //undefined
console.log('看看'+variable); //看看variable
console.log(11+variable); //NaN
一個宣告變數給null值，里面存的值為空，
var variable = null;
console.log('看看'+variable); //看看null
console.log(11+variable); //11
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/175069.html
標籤：JavaScript
上一篇：js變數與簡單資料型別