--- title: 1.變數與資料類型 tags: JavaScript全端特訓營 --- ## 變數Variable 值Value 1.--- 變數紀錄資訊 ![](https://i.imgur.com/F08QsT3.png) ### 課程目標: - 宣告變數的方法:let, const, var - 基本型別primitive types介紹 1.字串string: "Tom" 2.數字number:123 3.布林boolean:True/False 4.undefined 5.null 6.symbol 2--- ### Chrome也可以寫Javascript 2種方始打開 - 更多工具 開發人員工具 - 檢查 > 按下console 撰寫 ![](https://i.imgur.com/elsuejT.png) ### 彈跳視窗 ``` alert('hello world'); ``` ![](https://i.imgur.com/FtA4hSG.png) ### 更改console出現於頁面中的位置 ![](https://i.imgur.com/NPKhXW1.png) 3-- ### 宣告變數 let let 變數名稱 = value; let a = 1; ``` 宣告一個變數 變數名稱為a 並賦予值為1 let a = 1 ``` 用let宣告完變數後 輸入變數 可以取出值 ![](https://i.imgur.com/293hzV8.png) 4 -- 宣告完變數後 無法跨頁面做分享 宣告完變數後 重新整理 記憶體會清掉 原本輸入的值會消失 變數是存放在記憶體上面的 - 更多工具 工具管理員 ![](https://i.imgur.com/Oookclv.png) 5-- cosole可以當計算機來用 ![](https://i.imgur.com/SUO2bG2.png) 計算機的使用 由於沒有宣告變數 所以不會賦予值 6-- 宣告變數裡的值 可以有負數 或是 小數點 查詢a的種類型別 ``` typeof a ``` 7-- 看到問題時 拆解問題 小駝峰命名 milkPrice 1. 小明來到冰櫃 看到牛奶一瓶30元 2. 買了6罐 3. 小明心算多少錢 ![](https://i.imgur.com/UGAvGIc.png) ![](https://i.imgur.com/VVMqedy.png)