前端開發(fā)命名規(guī)范—js規(guī)范

避免全局命名空間污染

  • 防止全局命名空間被污染莽鸿,我們通常的做法是將代碼包裹成一個 IIFE(Immediately-Invoked Function Expression)耸携,創(chuàng)建獨立隔絕的定義域嫩海。也使得內(nèi)存在執(zhí)行完后立即釋放橱乱。
  • IIFE 還可確保你的代碼不會輕易被其它全局命名空間里的代碼所修改(i.e. 第三方庫蒜田,window 引用凭峡,被覆蓋的未定義的關(guān)鍵字等等)。

嚴格模式

  • ECMAScript 5 嚴格模式可在整個腳本或獨個方法內(nèi)被激活苇本。它對應不同的 javascript 語境會做更加嚴格的錯誤檢查袜茧。嚴格模式也確保了 javascript 代碼更加的健壯,運行的也更加快速瓣窄。

  • 嚴格模式會阻止使用在未來很可能被引入的預留關(guān)鍵字笛厦。

  • 你應該在你的腳本中啟用嚴格模式,最好是在獨立的 IIFE 中應用它俺夕。避免在你的腳本第一行使用它而導致你的所有腳本都啟動了嚴格模式裳凸,這有可能會引發(fā)一些第三方類庫的問題。

變量聲明

  • 總是使用 var 來聲明變量劝贸。如不指定 var姨谷,變量將被隱式地聲明為全局變量
  • 采用嚴格模式帶來的好處是,當你手誤輸入錯誤的變量名時映九,它可以通過報錯信息來幫助你定位錯誤出處梦湘。

js聲明提前

  • javascript會自動將函數(shù)作用域內(nèi)的變量和方法的定義提前(只是提前聲明,賦值還是在原處)

使用嚴格等

  • 總是使用 === 精確的比較操作符,避免在判斷的過程中践叠,由 JavaScript 的強制類型轉(zhuǎn)換所造成的困擾言缤。

等同== 和嚴格等===的區(qū)別

  • ==, 兩邊值類型不同的時候禁灼,要先進行類型轉(zhuǎn)換管挟,再比較。

如果兩個值具有相同類型弄捕,會進行===比較僻孝,返回===的比較值
如果兩個值不具有相同類型,也有可能返回true
如果一個值是null另一個值是undefined守谓,返回true
如果一個值是string另個是number穿铆,會把string轉(zhuǎn)換成number再進行比較
如果一個值是true,會把它轉(zhuǎn)成1再比較斋荞,false會轉(zhuǎn)成0

  • ===荞雏,不做類型轉(zhuǎn)換,類型不同的一定不等平酿。

要是兩個值類型不同凤优,返回false
要是兩個值都是number類型,并且數(shù)值相同蜈彼,返回true
要是兩個值都是stirng筑辨,并且兩個值的String內(nèi)容相同,返回true
要是兩個值都是true或者都是false幸逆,返回true
要是兩個值都是指向相同的Object棍辕,Arraya或者function,返回true
要是兩個值都是null或者都是undefined还绘,返回true

真假判斷

js中以下內(nèi)容為假:
false
null
undefined
0
‘’ (空字符串)
NaN

設(shè)置默認參數(shù)

  • 輯操作符 || 和 && 也可被用來返回布爾值楚昭。如果操作對象為非布爾對象,那每個表達式將會被自左向右地做真假判斷蚕甥∧奶妫基于此操作,最終總有一個表達式被返回回來菇怀。這在變量賦值時,是可以用來簡化你的代碼的晌块。例如:如果x不存在且y不存在爱沟,x=1;如果x存在y存在匆背,x = y

this關(guān)鍵字

  • 只在對象構(gòu)造器呼伸、方法和在設(shè)定的閉包中使用 this 關(guān)鍵字。this 的語義在此有些誤導。它時而指向全局對象(大多數(shù)時)括享,時而指向調(diào)用者的定義域(在 eval 中)搂根,時而指向 DOM 樹中的某一節(jié)點(當用事件處理綁定到 HTML 屬性上時),時而指向一個新創(chuàng)建的對象(在構(gòu)造器中)铃辖,還時而指向其它的一些對象(如果函數(shù)被 call() 和 apply() 執(zhí)行和調(diào)用時)剩愧。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市娇斩,隨后出現(xiàn)的幾起案子仁卷,更是在濱河造成了極大的恐慌,老刑警劉巖犬第,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件锦积,死亡現(xiàn)場離奇詭異,居然都是意外死亡歉嗓,警方通過查閱死者的電腦和手機丰介,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鉴分,“玉大人哮幢,你說我怎么就攤上這事」诔。” “怎么了家浇?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長碴裙。 經(jīng)常有香客問我钢悲,道長,這世上最難降的妖魔是什么舔株? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任莺琳,我火速辦了婚禮,結(jié)果婚禮上载慈,老公的妹妹穿的比我還像新娘惭等。我一直安慰自己,他們只是感情好办铡,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布辞做。 她就那樣靜靜地躺著,像睡著了一般寡具。 火紅的嫁衣襯著肌膚如雪秤茅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天童叠,我揣著相機與錄音框喳,去河邊找鬼。 笑死,一個胖子當著我的面吹牛五垮,可吹牛的內(nèi)容都是我干的乍惊。 我是一名探鬼主播,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼放仗,長吁一口氣:“原來是場噩夢啊……” “哼润绎!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起匙监,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤凡橱,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后亭姥,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稼钩,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年达罗,在試婚紗的時候發(fā)現(xiàn)自己被綠了坝撑。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡粮揉,死狀恐怖巡李,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情扶认,我是刑警寧澤侨拦,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站辐宾,受9級特大地震影響狱从,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜叠纹,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一季研、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧誉察,春花似錦与涡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鸿秆,卻和暖如春款慨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背谬莹。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人附帽。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓埠戳,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蕉扮。 傳聞我的和親對象是個殘疾皇子整胃,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

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