---
# System prepended metadata

title: 變數與資料型別
tags: [JavaScript 必修篇 - 前端修練全攻略]

---

###### tags: `JavaScript 必修篇 - 前端修練全攻略`
<!-- 深色背景 -->
{%hackmd BJrTq20hE %}

<style>
.title2 {color: orange;}
.title3 {color: #FFEA00;}
</style>

變數與資料型別
===

## <span class="title2">宣告變數</span>

```javascript=
宣告變數           指定內容，賦予值
   ↓                 ↓
  let cookiePrice = 35;
          ↑
       變數名稱      

  let sayGreeting = 'Hello, TAIWAN !';
```
```javascript=
let score = 90;
// 變數只需要宣告一次

score = 80;
// 修改變數內容
```


---


## <span class="title2">變數命名</span>
### <span class="title3">命名注意事項</span>
- 開頭不能用數字
- 不能用 - 跟 .
- 不能使用 關鍵字 
- 大小寫有分
- 變數需有語意化 (建議)
<br>

### <span class="title3">駝峰式命名 (Camel Case)</span>
JavaScript 變數命名常用駝峰式命名 (camel case)。
例： myName, yourName, photoName，也就是第二個字的字母大寫。
<br>

---

## <span class="title2">常見資料型別</span>
### <span class="title3">字串 ( String)</span> (ex: 'Hello World')


### <span class="title3">數字 (Number)</span> (ex: 35、-4、1.1314)
### <span class="title3">布林 (Boolean)</span> (true、false)
### <span class="title3">undefined</span>
### <span class="title3">null</span>


<br>

---

## <span class="title2">轉變型別</span>
### <span class="title3">trim</span>
移除字串頭尾的空白字元。
![](https://i.imgur.com/pUiCyNf.png)

### <span class="title3">parseInt</span>
### <span class="title3">toString</span>