偷懶祕訣之變數篇

healar發表於2019-02-16
變數

偷懶祕訣之變數篇

學習一個新語言的時候，總是苦惱的，例如：英文。但是作為主流語言，考試必考，又不能放棄，那我們就要選擇一種好的學習方式啦~像是瞭解它的語法組成規則：“主謂賓定狀補表同”。 JavaScript也是一樣哦~所以今天我們先來看看它的語法。

偷懶祕訣之變數篇

在之前的篇章中我們已經說過ECMAScript的語法大量借鑑了C及其他類語言（不清楚的，看之前的文章哦~），那接下來，我們就具體來看看它的語法~

變數

之前就說過，作為一個程式設計師，一定要學會偷懶。新接觸的小夥伴一定會好奇：

為什麼？程式設計師要寫這麼多程式碼，還說要加班，不應該勤快點麼？

噹噹噹當然不啦！！起碼ECMAScript就告訴我們要偷懶。比如下面這個例子~

我們在修改一個元素的樣式的時候，就會出現如下程式碼：

document.querySelector('#div').style.background = 'red';
document.querySelector('#div').style.fontSize = '15px';
document.querySelector('#div').style.width = '200px';
複製程式碼

我們對一個id為div的元素修改它的：背景色、字型大小、寬進行修改，但是在這裡我們頻繁出現一個操作“獲取元素：document.querySelector('#div')”

偷懶祕訣之變數篇

於是，變數就誕生啦！它的存在就是為了讓我們可以儲存值，換句話說，這個變數就代表了我們儲存的這個值。

建立變數

那我們來看看 這個變數怎麼去建立。

建立變數的時候，我們需要用到var操作符，後面跟一個變數名，這個變數名就代表我們後續的值。如下所示：

var message;
複製程式碼

我們建立了一個名為message的變數，這個變數可以儲存任何值，如果我們沒有對它進行賦值，那麼它會儲存一個特殊的值 —— undefined。

如果你要賦值的話，只需要像下面這樣做：

var message;
message = 'hi';
//⬇可以合併上兩句如下：
var message = 'hi';
複製程式碼

還記得我們之前修改div樣式時候的頻繁獲取麼？現在我們是不是可以把div這個元素儲存為變數，讓變數名代表這個div，就可以簡化成下面這樣：

var oDiv = document.querySelector('#div');

oDiv.style.background = 'red';
oDiv.style.fontSize = '15px';
oDiv.style.width = '200px';
複製程式碼

這麼一看，是不是清楚多了~而且少寫了好多程式碼！所以說，不是我想偷懶，是遵從現實的安排~

偷懶祕訣之變數篇

並且呢，變數裡面儲存的值，我們可以多次修改，如果覺得hi~不好的話，我們也可以改成hello~

var message = 'hi';
message = 'hello';
複製程式碼

通過這樣的方式，我們就將message裡面的值變更為hello啦，是不是很方便呢？當然這樣方便的變數，我們也需要注意使用規則的！

變數名注意事項

  • 第一個字元可以是字元(a...)、下劃線(_)或者一個美元符號($)；
  • 其他字元可以是字母、下劃線、美元符號或數字；
  • 不可以是保留字或關鍵字

那什麼是保留字和關鍵字呢？？

保留字和關鍵字

在ECMAScript中，有一組特殊用途的詞，被稱為“關鍵字”。大家可以理解為這些關鍵字，已經被內部使用了，已經不再對外開放了。

訪問官方網址，檢視所有關鍵字

那關鍵字大家瞭解後，保留字又是什麼呢？保留字其實和關鍵詞差不多，只不過作為預備隊員，將來可能會被列為關鍵字，如果你現在用上了，後面它成了關鍵詞，你的程式碼就會出問題了，所以我們也要避免。

訪問官方網址，檢視所有保留字

額外注意一下

這裡需要注意一下喲，JavaScript是區分大小寫的，所以在關鍵字中，有一個常用的叫this，它不能用作變數名，但是This就可以~

因為this≠This，不過不推薦這樣的操作啦~萬一弄錯了呢，對不對？

那大小寫都可以、下劃線也可以，怎麼樣命名比較推薦呢？

駝峰命名大法

不是什麼邪教組織喲，我們一般採用駝峰命名的方式，來取變數名，那什麼是駝峰呢？我們先來認識下今天的嘉賓：駱駝~

偷懶祕訣之變數篇
觀察這個駝峰，我們可以看到中間突起的部分，這個駝峰又分為兩種，單駝峰和雙駝峰~為了將這兩種區分開來，我們的命名方式也有兩種，分別是：

1.小駝峰命名

這個在我們程式碼中經常見，而且也是推薦使用的~

它的精髓在於，第一個字母小寫，後續的每個單詞的首字母大寫，如下：

java and php =》javaAndPhp
複製程式碼

2.大駝峰命名

它就厲害了，因為有兩個背上的角，所以第一個字母就大寫，後續的每個單詞首字母大寫，如下： java and php =》JavaAndPhp

不要問我單詞長的時候，有很多大寫字母，這個駱駝有幾個峰？？？？？ 我覺得，大概只有駱駝才知道了吧。

偷懶祕訣之變數篇

難道你以為這就是語法的全部？

那隻能說你too楊tooo奈伊夫。

看了這麼久那你知道什麼時候用“大駝峰”什麼時候用“小駝峰”了麼？

不知道？？？

不知道還不留言！

๑乛◡乛๑

相關文章