在 CSS 中，存在許多數學函數，這些函數能夠通過簡單的計算操作來生成某些屬性值，例如在[現代 CSS 解決方案：CSS 數學函數](https://github.com/chokcoco/iCSS/issues/177)一文中，我們詳細介紹了 + calc()：用於計算任意長度、百分比或數值型數據 ...
變數是電腦世界當中參與運算並存儲結果的單元。
變數本身代表一個數值，是數值的抽象。
// a 就表示一個變數
var a = 123;
變數命名規則
- 變數只能用字母、數字、下劃線、$組成
- 變數不能以數字開頭
- 變數不能是關鍵字（如 var, let, const 等）。
- 變數大小寫敏感， abc 和 ABC 是不同的變數。
使用規範
關鍵字 var
var 是 用來聲明用的關鍵字， 以後可能還會講到 let, const 等關鍵字。
var a = 123;
js是一種弱類型的語言， 它不強制聲明變數時必須使用 var 關鍵字。
不過不使用 var 關鍵字 可能會造成作用域的問題。
<script>
// 變數 b 在函數中定義， 我們本來希望只在 內部使用 b 變數。
// 如果不使用 var 關鍵字聲明變數， 那麼函數外部也會訪問到 定義的 b 變數
function abc() {
b = 10;
}
abc();
console.log(b);
</script>
因此，強烈建議聲明變數必須使用 var（或者以後講的 let, const）。
初始化
初始化的意思就是給變數賦初始值。如果聲明變數的時候不賦初值， 則變數的值 為 undefined。
ps: = 等號表示賦值， 即將等號右邊的值，賦值給左邊的變數。
方式一: 先聲明變數 然後賦初值。
<script>
var a;
console.log("a=", a);
a = 123;
console.log("a=", a);
</script>
方式二：聲明變數的同時賦初值。
<script>
var a = 123;
console.log(123);
</script>
多個變數的聲明
方式一：使用一次var關鍵字，聲明多個變數， 中間用 ,(逗號)隔開。
<script>
var a = 123, b = 456;
console.log("a=", a, ",b=", b);
</script>
方式二：使用 多個 var 關鍵字，聲明多個變數。
<script>
var a = 123;
var b = 456;
console.log("a=", a, ",b=", b);
</script>
微信公眾號
