偷懶秘訣之變量篇

image

學(xué)習(xí)一個(gè)新語(yǔ)言的時(shí)候驳阎,總是苦惱的,例如:英文郑藏。但是作為主流語(yǔ)言衡查,考試必考,又不能放棄必盖,那我們就要選擇一種好的學(xué)習(xí)方式啦~像是了解它的語(yǔ)法組成規(guī)則:“主謂賓定狀補(bǔ)表同”拌牲。

JavaScript也是一樣哦~所以今天我們先來(lái)看看它的語(yǔ)法。

image

在之前的篇章中我們已經(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í)的安排

image

并且呢,變量里面存儲(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í)下今天的嘉賓:駱駝~

image

觀察這個(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é)得哥攘,大概只有駱駝才知道了吧。

image

難道你以為這就是語(yǔ)法的全部?

那只能說(shuō)你too楊tooo奈伊夫逝淹。

看了這么久那你知道什么時(shí)候用“大駝峰”什么時(shí)候用“小駝峰”了么耕姊?

不知道?栅葡?茉兰?

不知道還不留言!

?乛?乛?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末欣簇,一起剝皮案震驚了整個(gè)濱河市规脸,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌熊咽,老刑警劉巖莫鸭,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異网棍,居然都是意外死亡黔龟,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)滥玷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)氏身,“玉大人,你說(shuō)我怎么就攤上這事惑畴〉靶溃” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵如贷,是天一觀的道長(zhǎng)陷虎。 經(jīng)常有香客問(wèn)我,道長(zhǎng)杠袱,這世上最難降的妖魔是什么尚猿? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮楣富,結(jié)果婚禮上凿掂,老公的妹妹穿的比我還像新娘。我一直安慰自己纹蝴,他們只是感情好庄萎,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著塘安,像睡著了一般糠涛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上兼犯,一...
    開(kāi)封第一講書(shū)人閱讀 51,554評(píng)論 1 305
  • 那天忍捡,我揣著相機(jī)與錄音集漾,去河邊找鬼。 笑死锉罐,一個(gè)胖子當(dāng)著我的面吹牛帆竹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播脓规,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼栽连,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了侨舆?” 一聲冷哼從身側(cè)響起秒紧,我...
    開(kāi)封第一講書(shū)人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挨下,沒(méi)想到半個(gè)月后熔恢,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡臭笆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年叙淌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片愁铺。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鹰霍,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出茵乱,到底是詐尸還是另有隱情茂洒,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布瓶竭,位于F島的核電站督勺,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏斤贰。R本人自食惡果不足惜智哀,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望荧恍。 院中可真熱鬧盏触,春花似錦、人聲如沸块饺。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)授艰。三九已至,卻和暖如春世落,著一層夾襖步出監(jiān)牢的瞬間淮腾,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谷朝,地道東北人洲押。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像圆凰,于是被迫代替她去往敵國(guó)和親杈帐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容