webstorm ECMAScript 6 語法檢查

打開 webstorm 進行設(shè)置 ( File >> setting >> Languages & Frameworks >> JavaScript >> ECMAScript 6 )毅桃。

  • 當(dāng)你設(shè)置好 es6 規(guī)范之后, 使用webstorm編程, 右邊的語法檢錯幾乎沒有紅色和黃色的報錯的時候, 恭喜你, 你已經(jīng)養(yǎng)成了使用 es6 標(biāo)準(zhǔn)編程的習(xí)慣。

  • jquery和其他的一些插件也有自己的 Typescript 驗證模塊, 如果不引入這些插件的驗證模塊可能會報白色錯誤(配置在第 12 個報錯)。

  • 本文所有的報錯均為黃色或者白色報錯,可能幾乎不會影響程序的運行。

1. 使用 var 作為聲明變量的方法報錯

注意: 改的時候注意 var 的變量提升辫狼。

es6 里面聲明變量都改成 let 和 const, 如果使用 var 作為聲明方法, webstorm 會報錯。 let 和 var 的區(qū)別

2. 每行代碼結(jié)束的時候不添加分號報錯

注意: 并不是每行代碼都加分號, 函數(shù)結(jié)尾的 '}' 添加分號也會報黃色錯誤扎附。

3. jquery選擇器選擇兩次的情況下報錯

注意: 以下的 $ 每出現(xiàn)一次代表一次 DOM 操作, DOM 頻繁操作會影響瀏覽器性能。


  $(".select").addClass("active");

  $(".select").removeClass("active");

修改為

  let select = $(".select"); //這里只選擇了一次结耀。

  select.addClass("active");

  select.removeClass("active");

4. 使用"=="的報錯

  • "==" 叫相等運算符, "===" 叫嚴(yán)格等于運算符留夜。

  • 相等運算符會導(dǎo)致一些變量在值相等而類型不等的情況下出現(xiàn)問題。(具體情況自行百度, 我只能幫你到這里了)图甜。

需要把兩個等號"=="的全部換成三個等號"==="碍粥。

5. 三元運算符報錯

這里可能只是因為es6不許你這么用。


  let isover = query.rowCount === -1 ? false : true; // 這種寫法會有很大一條橫線在整個語句下

  改為

  let isover;

  query.rowCount === -1 ? isover = false : isover = true;



6. 一個表達式里面有多個 return 報錯

一般最后一個 return 下面會有很大一條白線


  function myfun () {

    let myNum = 1;

    if( myNum ){

      return 2;

    }

    return 1;

  }

  改為

  function myfun () {

    let myNum = 1;

    let result; 

    if ( myNum ){

      result = myNum;

    } else {

      result = 3;

    }

    return result;

  }   

7. 對對象進行 for in 遍歷時直接使用迭代值會報錯

  • for in 的方法描述是"遍歷能夠枚舉繼承的屬性名"

  • 當(dāng)遍歷對象時必須確認(rèn)是否對象內(nèi)繼承了該屬性

所以在遍歷時需要加上


for(var i in a){

  if( !a.hasOwnProperty(i) ) continue;//跳過繼承的屬性

  //循環(huán)體

}

8.冗余代碼報錯


  function test () {

      let result = {}; // 這里的變量result會有一行白線, 告訴你這個變量沒必要定義黑毅。

      return result

  }

  改為

    function test () {

      return {}

  }

9.備注(參數(shù)缺少)報錯

使用備注的時候, 參數(shù)一定要寫全


  /**

* 下載文件

* @param path 路徑

* @param type 文件類型

*/

function downloadFile( path, type, id ) { // 參數(shù)id下面有白色的線, 提示沒有備注

// your code .......

}

10. 沒有用到的變量報錯

定義了一個變量, 之后都沒有引用會報黃色錯誤

11. 監(jiān)聽事件報錯

這里并不是強制性會報錯嚼摩,只是引用jquery插件后


$('.btn').click(function(){})

改為

$('.btn').on('click',function(){})

12.html引入路徑報錯

當(dāng)引入一段相對路徑的文件, 代碼塊下方會有一條白色橫線。

如果你的public文件夾是項目的靜態(tài)文件根目錄矿瘦,右鍵public >> Mark Directory as >> Resource Root

13. unresolved function or method $() 白色錯誤

鼠標(biāo)放在右邊錯誤上顯示以上錯誤或者類似的錯誤都是沒有引入庫的原因

解決方法:

  • 根據(jù)以下操作路徑 File >> setting >> Languages & Frameworks >> JavaScript >> Libraries 找到面板上面的download按鈕

  • ctrl+F 然后輸入 jquery 或者其他的什么庫枕面,然后點擊庫下載 ts 驗證模塊鏈接。

  • 此設(shè)置可能會出現(xiàn) jquery 或其他插件的語法規(guī)范缚去。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末潮秘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子易结,更是在濱河造成了極大的恐慌枕荞,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衬衬,死亡現(xiàn)場離奇詭異买猖,居然都是意外死亡,警方通過查閱死者的電腦和手機滋尉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門玉控,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人狮惜,你說我怎么就攤上這事高诺÷凳叮” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵虱而,是天一觀的道長筏餐。 經(jīng)常有香客問我,道長牡拇,這世上最難降的妖魔是什么魁瞪? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮惠呼,結(jié)果婚禮上导俘,老公的妹妹穿的比我還像新娘。我一直安慰自己剔蹋,他們只是感情好旅薄,可當(dāng)我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著泣崩,像睡著了一般少梁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上矫付,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天凯沪,我揣著相機與錄音,去河邊找鬼技即。 笑死著洼,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的而叼。 我是一名探鬼主播身笤,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼葵陵!你這毒婦竟也來了液荸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤脱篙,失蹤者是張志新(化名)和其女友劉穎娇钱,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绊困,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡文搂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了秤朗。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片煤蹭。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出硝皂,到底是詐尸還是另有隱情常挚,我是刑警寧澤寸爆,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布要出,位于F島的核電站,受9級特大地震影響励烦,放射性物質(zhì)發(fā)生泄漏贝或。R本人自食惡果不足惜吼过,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望傀缩。 院中可真熱鬧那先,春花似錦农猬、人聲如沸赡艰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽慷垮。三九已至,卻和暖如春揍堕,著一層夾襖步出監(jiān)牢的瞬間料身,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工衩茸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留芹血,地道東北人。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓楞慈,卻偏偏與公主長得像幔烛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子囊蓝,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,860評論 2 361

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)饿悬,也就是一...
    悟名先生閱讀 4,153評論 0 13
  • 本文為阮一峰大神的《ECMAScript 6 入門》的個人版提純! babel babel負(fù)責(zé)將JS高級語法轉(zhuǎn)義聚霜,...
    Devildi已被占用閱讀 1,988評論 0 4
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,426評論 24 450
  • 標(biāo)簽: 我的筆記 ---學(xué)習(xí)資料:http://javascript.ruanyifeng.com/ 1. 導(dǎo)論 ...
    暗夜的怒吼閱讀 817評論 0 1
  • 電影看完之后感覺比較矛盾狡恬。故事是互相穿插的模式,記憶與新生活交織上演蝎宇,鋪墊是主角得了癌癥弟劲,要提前結(jié)束生命,再把自己...
    文化蠻閱讀 544評論 0 0