JavaScript知識架構學習路徑（一）- 變量篇

【摘要】本文是專爲JavaScript入門者而總結的，整體上將JavaScript的基礎部分分紅了九大塊，分別是變量、運算符、數組、流程控制結構、字符串函數、函數基礎、DOM操做基礎、文檔對象模型DOM和正則表達式。

【關鍵字】變量、運算符、數組、流程控制結構、函數、DOM、正則表達式。

本篇文章的主要內容是圍繞着JavaScript（之後簡稱JS）的基礎進行概括與總結的，一方面能夠給入門級的JS愛好者提供一個學習的路徑，另外一方面，也能夠給稍有基礎的JS學習者進行知識梳理用。

做爲網頁設計三層分離結構中的第三部分，JS的做用與地位毋庸置疑，然而，想系統化掌握JS的基礎，爲後續的高階學習作好鋪墊，還必需要對JS的基本內容有清晰的認識，因此，在此將JS的基礎部分分爲九大模塊來進行概括。

1、JS變量

對於變量而言，咱們主要要從四個方面來掌握，具體包括命名、聲明、類型和做用域，這四個方面在其餘的編程語言中也同樣存在，下面咱們就具體來分別概括：

一、命名

在變量的命名方面，咱們須要瞭解命名的方法和命名的規則。

（1）命名的方法

命名的方法在實際的項目中，咱們一般會有兩大類，一類是匈牙利命名法，這種命名法的寫法是：變量名=類型+對象描述，例如咱們要命名一個表單變量時，咱們首先知道，該變量的類型是表單（form），同時，咱們要知道這個表單的功能或含義，好比說這個表單是一個Switchboard，因此此時，咱們對這個表單變量的命名應該爲frmSwitchboard，這樣，其餘人在閱讀你的代碼時，就很容易理解了，當看到frm的時候，就知道你這個變量是一個表單變量了。

除了匈牙利命名法以外，另外一類是駝峯命名法，這也是當前大多數項目中常用的命名方法，而駝峯命名法又分爲大小寫。若是所有是小寫的命名，那麼每兩個單詞之間是使用一個下劃線「_」來鏈接的，例如：frm_switch_board；若是命名中大小寫同時存在，此時，又將其分爲大駝峯和小駝峯。大駝峯的命名是每一個單詞的首字母都是大寫字母，例如：FrmSwitchBoard；而小駝峯的命名是第一個單詞的首字母要小寫，其後的單詞的首字母都要大寫，例如：frmSwitchBoard。

以上就是變量的命名方法，當前，國內主要採用的命名方法是小駝峯命名法。那麼，咱們在瞭解命名方法的同時，咱們還必須同時掌握類型的問題，在JS中，類型主要有如下幾種：

<1>Int類型 — i

<2>Float類型 — fl

<3>Boolean類型 — b

<4>String類型 — s

<5>Array數組 — a

<6>Object對象 — o

<7>Function函數 — fn

<8>Regular Expression正則 — re

咱們在瞭解了類型以後，接下來咱們再來看看變量命名的規則問題。

（2）命名的規則

咱們之因此要了解變量的命名規則，目的是爲了讓咱們命名的變量合法，也就是說能夠正常使用。

在JS中，變量命名的規則通常須要遵循如下三條：

<1>變量名的首字符只能是英文字母或者下劃線；

<2>變量名能夠由英文字符、數字和下劃線組成，不能包含其餘的特殊字符，如@、！等字符；

<3>變量名不能是JS中的關鍵字或保留字。

二、聲明

咱們在徹底理解並掌握了變量的命名以後，接下來咱們來看看變量的聲明問題。對於變量的聲明，咱們也須要把握好如下三個原則：

（1）JS中的變量一般是顯式聲明，例如：var 變量名；

（2）在聲明變量時，咱們切忌出現幾個問題。其一，聲明的變量沒有數據類型；其二，重複聲明變量；其三，隱式聲明變量；其四，不聲明而直接賦值。

而解決此類問題的一個最簡單的辦法就是先寫變量聲明符var，緊接着就寫變量名，最後再直接給變量賦初值，例如：「var i = 0;」 ；

（3）咱們在聲明變量時還須要養成一個好習慣，簡單歸納就十二個字：先聲明、後讀寫、先賦值、後運算。

三、類型

對於變量而言，它其實能夠分爲兩大類，一類是值類型，另外一類是引用類型。

（1）值類型

對於值類型的變量，它具有如下幾個特徵：

<1>佔用的存儲空間是固定的；

<2>在保存與複製的時候，操做的是值自己；

<3>可使用JS中的類型檢測函數typeof()來檢測其具體的類型；

（2）引用類型

而引用類型的變量，它也具有幾個特徵：

<1>變量佔用的存儲空間不是固定的；

<2>在保存與複製的時候，操做的是指向該變量的一個指針；

<3>能夠經過instanceof()函數來檢測其數據類型

同時，咱們還須要瞭解的一個問題，那就是使用new()方法構造出的對象是屬於引用類型的變量。

四、做用域

咱們在瞭解了變量的命名、聲明和類型以後，咱們最後再來看看，在實際的項目中，咱們所使用的變量的另一個比較關鍵的問題，那就是變量的做用域。在此，咱們首先根據變量的做用域，將變量劃分爲三級，具體是全局變量、局部變量和參數變量。

對於上述三級變量，咱們分別從寫法到調用，再到優先級最後再到特性等三個層次來總結。

（1）寫法與調用

對於全局變量，它的寫法要求咱們在聲明此變量的時候，要放在函數體的外部來進行聲明，而調用的時候，能夠在項目的任何位置進行；對於局部變量，它的寫法要求咱們必須在函數體的內部進行聲明，而調用時，只能在函數體內部調用；再者，對於參數變量，它也是要求在函數聲明的時候同時聲明，而調用時，也必須出如今函數體的內部。

（2）優先級

在優先級方面，有三個參考的規則：

<1>同名的局部變量的優先級要高於全局變量；

<2>同名的參數變量的優先級也是高於全局變量；

<3>同名的局部變量的優先級高於參數變量。

（3）特性

對於變量的做用域，有如下一些特色：

<1>全局變量能夠看做是全局對象的屬性，而局部變量能夠看做是調用對象的屬性；

<2>內層函數能夠訪問外層函數的局部變量，但外層函數不能訪問內層函數的局部變量；

<3>在變量的生命週期方面，全局變量除非被刪除，不然將一直存在，局部變量則存活於自聲明起到函數運行結束或者被刪除以前。

以上內容就是咱們在學習JavaScript時，對於變量方面須要掌握的知識點，但願能給你們帶來參考。