JavaScript基礎系列（變量與類型）

以下內容將JavaScript簡稱爲JS

 

打開本文時不管你是零基礎的初學者還是其他語言的老兵，我都想說程序語言的基礎支撐起了整個網絡世界，不把這些基礎學透,之後稍複雜的內容會讓你寸步難行。

現在先給編程語言的（基礎）一個定義，基礎並不難任何人只需要用心都能學會，在學習基礎的過程中千萬不要有這個對我來說用不到就忽略帶過，既然是基礎忽視任何一個細節都是致命的，在學習過程中遇見自己不懂的可以想放心裏下次遇見了在去細細體會它的作用。

變量這一詞在所有的程序語言中都是最爲關鍵、最常見的存在，所以要透徹的瞭解變量就尤其的重要，必須重視，學習是帶着疑問過去，回來時疑問被解開了（變量是什麼？數據類型是什麼？他們都起了什麼作用？）。

（這段話給零基礎學習的讀者）很多初學者會有疑問，變量到底是幹嘛的，可以做些什麼啊？舉一個最簡單的例子：你想通過編寫代碼實現加減乘除的功能，那麼首要的前提就是，你必須要有兩個數字，但計算機不認識數字，那麼就需要通過計算機能看懂的代碼去把這兩個數字存起來，也就是我們口中所說的定義變量，這裏說的還是挺外圍的，要用專業術語說就是通過解釋器將預定好的代碼翻譯成二進制代碼，接下去就是很底層的問題我們不需要考慮，只需要知道：“程序由代碼生成，代碼由人去預先設計之後在由計算機識別運行，我們所做的就是讓計算機讀懂人的思維”。

 

那麼JS中如何定義變量:

在JS中通過var來定義一個變量

var a = 1;
var b = 2;
a+b // 3
a*b //2

var表示定義， a則表示變量名稱， 數字1就是我們所說的變量，變量可以存放以下所說的七種類型包括函數，這麼一來我們就可以把變量看做是一個空的盒子只要是符合規定的代碼都可以往裏存放，在關鍵的地方去使用它。

• 變量的構成：定義、名稱、變量。
• 定義：告訴計算機我這裏有變量並且幫我在內存中開闢一塊空間存儲這些（數據）
• 名稱：必須給這個變量起一個代號，以方便後面的調用。
• 變量：放入我們需要用到的數據，這些數據就可看成是一副拼圖中的一小塊。

變量是你與計算機溝通的第一句話，也是日後使用最多的，所以必須要記住它的寫法細節，新手常常會忘記加分號（;）或者關鍵詞寫錯 這些都是程序報錯的必查因素，需要重視在以後的開發過程中能避免很多彎路，這裏也說幾點我常常碰到容易疏忽的細節。

1. 關鍵詞與變量名的書寫錯誤！
2. 變量名在之後給某個功能塊調用時，常常會因爲一個字母沒寫對，可能就會花上十幾二十分鐘在找爲什麼出錯我都是跟着視頻或者文檔書寫的怎麼就是報錯呢？（新手特別容易出現這樣的錯誤！所以在每次報錯時先快速瀏覽一遍變量名與下面的調用是否真的一致）
3. 關鍵詞都是固定那麼幾個在實踐中用心去記一記。
4. 在我們日常寫代碼過程中，使用最多的就是前人留下來的代碼庫，而並非都需要自己去寫，這就是各種庫、框架的實質作用，它包含着這麼多年來歷經各式各樣工程師驗證的功能庫，我們必須在學完基礎重點去了解這些庫的深層作用，以便應對工作的各種需求，各種編程語言都有它自己的功能庫，當都有那麼幾個相同的庫，如Array數組庫、String文字處理庫、Math數字處理庫、Date時間獲取庫，這些庫幾乎所有編程語言都是互通的，八字不離其首的關係，所以我們在學完基礎後必須快速的對這些基本庫進行了解，下次講庫時在做深入分析。

 

這裏說一下題外話在java中(不是JavaScript哦)，如果你要定義數字變量需要使用int來定義，文字則需要String定義，如 int a = 1; string b = '文字';

 

而在JavaScript中則省去了這些，一個var就搞定，它的類型則是你所寫的內容決定，如var a = '文字'; var b = 66，這裏的a會被自動識別爲文字類型，b會被自動識別爲數字類型，其他類型同樣都是會被自動識別的。

 

扯完這些，現在就來看看變量類型，也是學習任何一門編程語言都必須要面對的重點知識，這裏只對JS中的數據類型進行分析。

 

七大類型:

閱讀提示：可以粗略帶過但希望認真閱讀布爾值的講解，（以下類型代碼中我們不會直接接觸到的，除了函數類型會使用：function來定義）

基本類型： 

number: 數字； var a  = 12;

 

string: 文字； var a  = '文字';

 

boolean: true,fales；  布爾值：真.假 ；

複合型（集合型）：

Array:數組；var a  = [1,2,3,4,'文字','abc']；它是一串數據的集合。

 

function: 函數； function a(){}；它是通過代碼實現的功能塊。

 

object: 對象；先留印象之後講到對象篇時在深入

特殊類型：

Null:空對象； 一般出現在調用對象時，這個對象並沒有被定義

 

undefined: 未定義；一般出現在程序報錯的情況下

 

要這些類型有什麼用呢？

數字、文字，不用多說，通過這兩類型完成數據的呈現，使用數字類型完成各式各樣的算法。

 

function 函數也稱方法：

　　就是一個邏輯功能的集合，在上一章也說到過，函數是可以放置所有代碼，而後在這些代碼的輔助下形成一個有處理事務能力的功能塊，在編程中使用最多的除了變量就必屬函數，之後另開一篇深入講解，讓我們先把必要基礎先打牢靠。

 

Array 數組：

　　同樣是各種編程語言共有的數據類型，它的功能就是將一系列需要處理的數據進行合併式的存儲，特別需要注意的是想在數組中拿數據必須通過循環進行獲取需要使用（length）這個屬性（至於什麼是循環什麼是length你現在只需要留一個印象就好，暫時不要去鑽牛角尖，後面都會有詳細講解），與數組有着類似功能的還有JS中的JSON對象，它的存儲方式是通過鍵值對的形式進行存儲。

什麼是鍵值對？來看下面對比

• JSON存數據， var a = {a:12,b:'你好',c:22}; 以鍵值對的方式進行存儲，跟java中的map是一樣的,這裏的 a 就是 鍵，12 則是 值， 
• Array數組存數據， var a = [1,2,'你好',123]; 

 千萬不要忽視 方括號[]與花括號{}。

現在我們只是做一個瞭解看的不是很明白也沒關係，在之後章節實踐中使用到時在去做重點認知，把接下來的布爾值學好看明白纔是學習本章的重點。

 

object 對象：

　　在JavaScript中所有對象屬於核心概念：它是JS中的老大哥，可它並非指具體誰誰誰是對象，而是一種範指，只有在使用一個對象時你可以把它具體化(實例化)通過new關鍵字來實現，之後在通過點（.）進行調用更加具體的功能塊及屬性。

在JS中任何數據都可以看做是對象，這也是我爲什麼說它是泛指的原因。

那麼對象它到底能爲我們做些什麼呢？先說一下對象的寫法與JSON相同，都是通過鍵值對的方式進行存放，在調用某個具體對象：屬性時就是用鍵來調用其中的值，而且在對象中可以放置函數搭建我們自己的功能塊，在這裏我們先做一個簡單的瞭解（只需要知道對象是功能塊的集合，只有你想使用內置功能時去把它具體化出來在進行使用。）

 

Null與undefined：想詳細瞭解可直接看這篇轉載的文章。

 

boolean 布爾值類型：

　　它的用途非常關鍵，所有的判斷、循環語句都是靠着它才能正常執行，而一個程序如果沒有判斷就不可能是一個完整的程序，其實用白話講：“程序想擁有處理事情的能力，必須要有分辨事物好壞的能力”

 

那麼怎麼才能深入的瞭解這個布爾類型呢？我先推薦一位業界大神的文章 布爾代數——阮一峯；想學好前端跟着他纔是正道。

我們從前面定義的兩個變量入手

var a = 1;       //數字類型
var b = '文字';  //文字類型也叫字符串類型

a == b ; //true 真的 他們相等 將數字轉換爲字符串類型
a === b;//fales 假的 他們不相等 不做轉換直接比較

上面的三等號（===）是運算符中的一種，叫做比較符，比較符還有（> 、< 、>= 、<= 、==、===、!=、!==；大於、小於、大於等於、小於等於、類型比較、!不等於）；雙等號（==）和現在看見的三等號（===），這些都不是本章重點講運算符時重點分析。

現在我們要關注布爾值是在什麼情況下會出現，這直接影響到我們將來寫代碼時邏輯的清晰度和可確定性，寫判斷語句時的底氣，所以來看看布爾值的出現條件。

1. 在使用比較符時，布爾值必定會出現。
2. 在JS中所有單獨出現的值都可當做布爾值，但有以下規則。
   • undefined ，null ，0 ，-0 ，NaN ，“”   會被轉換成false；（先了解一下以後碰到要使用時回來看看）
   • 所有其他值，包括所有獨立對象、函數、數組、變量都會轉換成true；（看清楚是獨立的 並非兩者有比較關係）

布爾值：它只有兩個值，真和假，true和fales，判斷語句if()只有在true(真)的情況下才會執行，而else則是在假的情況下執行，之後會講解。

一個程序的判斷能力，就是來自於布爾值的靈活應用，之後講比較運算符，邏輯運算符在詳細講解它，這裏先留下一個布爾值很重要的印象好嗎？

 

小節：看完本章節你應當有以下收穫

1. 我們得知變量與類型是程序的入口。
2. 寫代碼並不是所有功能都需要去自己實現，而是去靈活的使用前人給我們留下的功能集合（庫）,還有學不完的內置對象。
3. 函數是可以放置任何代碼的功能集，而想要讓函數有功能必須先從定義變量開始之後在是一步步的代碼邏輯。
4. 程序的功能是由各式各樣的判斷產生（並非是絕對的）。
5. 想要讓程序有判斷能力，必須使用到布爾值真與假（這是絕對的）。
6. 瞭解布爾值的出現規則，這將會讓自己避免特別多的彎路。
7. 七大數據類型，我們現在只需要關注：數字、文字、布爾值、數組、函數、（而對象，在基礎內容中出現較少，之後講對象在做講解，現在姑且把對象當中比函數更高一級的功能塊就可以。）
8. 讓計算機讀懂我們的代碼必須使用這門語言預先設定好的關鍵字就行描述如：定義變量 var 、定義函數 function、 定義判斷語句 if()，還有很多以後會一一提到。
9. 還有很多讀者可以自行總結。

 

 希望你能有所收穫也希望，能得到你的點評謝謝閱讀！