### **1.2.2 全局變量和局部變量** #### **一、全局變量** 定義：在選擇器、函數、混合宏.....花括號{ }外面定義的變量為“全局變量”，則定義在元素或class外面的變量為全局變量。 <br> <br> <br> #### **二、局部變量** 定義：在元素或class內部（即花括號{}）聲明的變量是局部變量。局部變量只會在局部范圍了覆蓋全局變量。 <br> <br> 列： ~~~ $color:#000!default; //全局默認變量 .div1{ color：$color； //調用了全局變量 } .div2{ $color:#fff; //局部變量 color：$color； //調用了局部變量 h1{ color：$color； //調用了局部變量 } } ~~~ 轉化成css： ~~~ .div1{ color：#000 } .div2{ color:#fff; } .div2 h2{ color:#fff; } ~~~ <br> <br> <br> **什么時候聲明新變量？** 創建新變量只適用于感覺確實有必要的情況下。不要為了某些駭客行為而聲明新變量，這些絲毫沒有作用。只有瞞著下屬標準方可創建新變量： ~~~ 1. 該變量值至少重復出現2次； 2. 該值至少可能會被更新一次。 3. 該值所有的表現都與變量有關（非巧合） ~~~ 基本上，沒有理由聲明一個永遠不需要更新或只在單一地方使用的變量