學(xué)習(xí)一個(gè)新語(yǔ)言的時(shí)候驳阎,總是苦惱的,例如:英文郑藏。但是作為主流語(yǔ)言衡查,考試必考,又不能放棄必盖,那我們就要選擇一種好的學(xué)習(xí)方式啦~像是了解它的語(yǔ)法組成規(guī)則:“主謂賓定狀補(bǔ)表同”拌牲。
JavaScript也是一樣哦~所以今天我們先來(lái)看看它的語(yǔ)法。
在之前的篇章中我們已經(jīng)說(shuō)過(guò)ECMAScript的語(yǔ)法大量借鑒了C及其他類(lèi)語(yǔ)言(不清楚的歌粥,看之前的文章哦~)那接下來(lái)塌忽,我們就具體來(lái)看看它的語(yǔ)法
變量
之前就說(shuō)過(guò),作為一個(gè)程序員失驶,一定要學(xué)會(huì)偷懶土居。新接觸的小伙伴一定會(huì)好奇:為什么?程序員要寫(xiě)這么多代碼突勇,還說(shuō)要加班装盯,不應(yīng)該勤快點(diǎn)么?
當(dāng)當(dāng)當(dāng)當(dāng)然不啦<撞觥!起碼ECMAScript就告訴我們要偷懶迄损。比如下面這個(gè)例子~
我們?cè)谛薷囊粋€(gè)元素的樣式的時(shí)候定躏,就會(huì)出現(xiàn)如下代碼:
document.querySelector('#div').style.background = 'red';
document.querySelector('#div').style.fontSize = '15px';
document.querySelector('#div').style.width = '200px';
我們對(duì)一個(gè)id為div的元素修改它的:背景色、字體大小芹敌、寬進(jìn)行修改痊远,但是在這里我們頻繁出現(xiàn)一個(gè)操作“獲取元素:
document.querySelector('#div')”
![image](http://upload-images.jianshu.io/upload_images/14240694-02af9fe405215800?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
于是,變量就誕生啦氏捞!它的存在就是為了讓我們可以保存值碧聪,換句話說(shuō),這個(gè)變量就代表了我們存儲(chǔ)的這個(gè)值液茎。
創(chuàng)建變量
那我們來(lái)看看 這個(gè)變量怎么去創(chuàng)建逞姿。
創(chuàng)建變量的時(shí)候,我們需要用到var操作符捆等,后面跟一個(gè)變量名滞造,這個(gè)變量名就代表我們后續(xù)的值。如下所示:
var message;
我們創(chuàng)建了一個(gè)名為message的變量栋烤,這個(gè)變量可以保存任何值谒养,如果我們沒(méi)有對(duì)它進(jìn)行賦值,那么它會(huì)保存一個(gè)特殊的值 —— undefined明郭。
如果你要賦值的話买窟,只需要像下面這樣做:
var message;
message = 'hi';
//?可以合并上兩句如下:
var message = 'hi';
還記得我們之前修改div樣式時(shí)候的頻繁獲取么丰泊?現(xiàn)在我們是不是可以把div這個(gè)元素保存為變量,讓變量名代表這個(gè)div始绍,就可以簡(jiǎn)化成下面這樣:
var oDiv = document.querySelector('#div');
oDiv.style.background = 'red';
oDiv.style.fontSize = '15px';
oDiv.style.width = '200px';
這么一看趁耗,是不是清楚多了~而且少寫(xiě)了好多代碼!所以說(shuō)疆虚,不是我想偷懶苛败,是遵從現(xiàn)實(shí)的安排
并且呢,變量里面存儲(chǔ)的值径簿,我們可以多次修改罢屈,如果覺(jué)得hi~不好的話,我們也可以改成hello
var message = 'hi';
message = 'hello';
通過(guò)這樣的方式篇亭,我們就將message里面的值變更為hello啦缠捌,是不是很方便呢?當(dāng)然這樣方便的變量译蒂,我們也需要注意使用規(guī)則的曼月!
變量名注意事項(xiàng)
第一個(gè)字符可以是字符(a...)、下劃線(_)或者一個(gè)美元符號(hào)($)柔昼;
其他字符可以是字母哑芹、下劃線、美元符號(hào)或數(shù)字捕透;
不可以是保留字或關(guān)鍵字
那什么是保留字和關(guān)鍵字呢聪姿??
保留字和關(guān)鍵字
在ECMAScript中乙嘀,有一組特殊用途的詞末购,被稱(chēng)為“關(guān)鍵字”。大家可以理解為這些關(guān)鍵字虎谢,已經(jīng)被內(nèi)部使用了盟榴,已經(jīng)不再對(duì)外開(kāi)放了。
訪問(wèn)官方網(wǎng)址婴噩,查看所有關(guān)鍵字
那關(guān)鍵字大家了解后擎场,保留字又是什么呢?保留字其實(shí)和關(guān)鍵詞差不多讳推,只不過(guò)作為預(yù)備隊(duì)員顶籽,將來(lái)可能會(huì)被列為關(guān)鍵字,如果你現(xiàn)在用上了银觅,后面它成了關(guān)鍵詞礼饱,你的代碼就會(huì)出問(wèn)題了,所以我們也要避免。
訪問(wèn)官方網(wǎng)址镊绪,查看所有保留字
額外注意一下
這里需要注意一下喲匀伏,JavaScript是區(qū)分大小寫(xiě)的,所以在關(guān)鍵字中蝴韭,有一個(gè)常用的叫this够颠,它不能用作變量名,但是This就可以~
因?yàn)閠his≠This榄鉴,不過(guò)不推薦這樣的操作啦~萬(wàn)一弄錯(cuò)了呢履磨,對(duì)不對(duì)?
那大小寫(xiě)都可以庆尘、下劃線也可以剃诅,怎么樣命名比較推薦呢?
駝峰命名大法
不是什么邪教組織喲驶忌,我們一般采用駝峰命名的方式矛辕,來(lái)取變量名,那什么是駝峰呢付魔?我們先來(lái)認(rèn)識(shí)下今天的嘉賓:駱駝~
觀察這個(gè)駝峰聊品,我們可以看到中間突起的部分,這個(gè)駝峰又分為兩種几苍,單駝峰和雙駝峰~為了將這兩種區(qū)分開(kāi)來(lái)翻屈,我們的命名方式也有兩種,分別是:
1.小駝峰命名
這個(gè)在我們代碼中經(jīng)常見(jiàn)擦剑,而且也是推薦使用的~
它的精髓在于妖胀,第一個(gè)字母小寫(xiě),后續(xù)的每個(gè)單詞的首字母大寫(xiě)惠勒,如下:
java and php =》javaAndPhp
2.大駝峰命名
它就厲害了,因?yàn)橛袃蓚€(gè)背上的角爬坑,所以第一個(gè)字母就大寫(xiě)纠屋,后續(xù)的每個(gè)單詞首字母大寫(xiě),如下:
java and php =》JavaAndPhp
不要問(wèn)我單詞長(zhǎng)的時(shí)候盾计,有很多大寫(xiě)字母售担,這個(gè)駱駝?dòng)袔讉€(gè)峰?署辉?族铆??哭尝?
我覺(jué)得哥攘,大概只有駱駝才知道了吧。
難道你以為這就是語(yǔ)法的全部?
那只能說(shuō)你too楊tooo奈伊夫逝淹。
看了這么久那你知道什么時(shí)候用“大駝峰”什么時(shí)候用“小駝峰”了么耕姊?
不知道?栅葡?茉兰?
不知道還不留言!
?乛?乛?