用grunt搭建自動化的web前端開發環境（三）jshint配置參數 【轉載自博客園Tadini】

原創 datiango 2020-06-14 02:51


選項  內容  值 錯誤信息
bitwise  禁用位運算符(如^，&)   設置：true; 不設置：false  Unexpected use of '・・・'.(設置true時)
curly  if和while等語句中使用{}來明確代碼塊   設置：true; 不設置：false  Expected '{' and instead saw '・・・'.
eqeqeq  使用===和!==替代==和!=   設置：true; 不設置：false  Use '===' to compare with 'null'.
 forin

 在for in循環中使用Object.prototype.hasOwnProperty()來過濾原型鏈中的屬性

 

   設置：true; 不設置：false   The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype
 immed

匿名函數調用必須

(function() {
   // body 
}());

而不是

(function() {
   // body
})();
這是爲了表明，表達式的值是函數的結果，而不是函數本身。
設置：true; 不設置：false 
 		 Move the invocation into the parens that contain the function. ・Wrap an immediate function invocation in parentheses to assist the reader in understanding that the expression is the result of a function, and not the function itself. 
 latedef  變量定義前禁止使用  設置：true; 不設置：false  ' ' was・・・used before it was defined .
 newcap  構造函數名首字母必須大寫  設置：true; 不設置：false  A constructor name should start with an uppercase letter.
 noarg  禁止使用arguments.caller和arguments.callee  設置：true; 不設置：false  Avoid arguments.callee.
 noempty  禁止出現空的代碼塊  設置：true; 不設置：false  Empty block.
 nonew  禁止使用構造器  設置：true; 不設置：false  Do not use 'new' for side effects.
 plusplus  禁止使用++和--  設置：true; 不設置：false  Unexpected use of '++'.
 undef  禁止使用不在全局變量列表中的未定義的變量  設置：true; 不設置：false '・・・' is not defined.
 strict  強制使用ES5的嚴格模式   設置：true; 不設置：false  Missing "use strict" statement.
 freeze

 禁止複寫原生對象(如Array, Date)的原型

 

/* jshint freeze:true */
Array.prototype.count = function (value) { return 4; };
// -> Warning: Extending prototype of native object: 'Array'.

 

  設置：true; 不設置：false   Warning: Extending prototype of native object: 'Array'.
       
       
       
       
       
 asi  允許省略分號  允許：true; 不允許：false  Missing semicolon.
 boss  允許在if，for，while語句中使用賦值;在條件語句中使用賦值經常是筆誤if (a = 10) {}  允許：true; 不允許：false  Expected a conditional expression and instead saw an assignment.
 debug  允許debugger語句  允許：true; 不允許：false  All 'debugger' statements should be removed.
 eqnull

 允許==null

==null通常用來比較=== null;=== undefined

  允許：true; 不允許：false Use '===' to compare with '～'. 
 evil  允許使用eval  允許：true; 不允許：false  eval is evil.
 expr  允許應該出現賦值或函數調用的地方使用表達式  允許：true; 不允許：false  Expected an assignment or function call and instead saw an expression.
 iterator  允許__iterator__;不是所有的瀏覽器都支持__iterator__。  允許：true; 不允許：false  __iterator__' is only available in JavaScript 1.7.
 lastsemic

 允許單行控制塊省略分號

 

var name = (function() { return 'Anton' }());

 

 

  允許：true; 不允許：false Missing semicolon. 
 laxbreak  允許不安全的行中斷(與laxcomma配合使用)  允許：true; 不允許：false  Bad line breaking before '～'.
 laxcomma  允許逗號開頭的編碼樣式  允許：true; 不允許：false  Comma warnings can be turned off with 'laxcomma'.
 loopfunc  允許循環中定義函數  允許：true; 不允許：false  Don't make functions within a loop.
 onecase  允許只有一個case條件的switch語句嗎  允許：true; 不允許：false  This 'switch' should be an 'if'.
 proto  允許 proto（不是所有的瀏覽器都支持__proto__.）  允許：true; 不允許：false  The '__proto__' property is deprecated.(反對)
 regexdash

 待了解---》好像可以這麼理解：

在正則表達式的控制語句，連字符開頭或方括號的結束 - 容忍的存在。

  允許：true; 不允許：false  Unescaped '-'.
 scripturl    允許：true; 不允許：false  
 shadow

 允許變量shadow

 

function test() {
    var x = 10;

    if (true) {
        var x = 20;
    }

    return x;
}
基於“函數作用域”，多次定義變量和單次定義是沒有區別的，但是會造成閱讀障礙。

 

  允許：true; 不允許：false '・・・' is already defined. 
sub

 允許person[‘name’]

JSHint推薦使用person.name代替person[‘name’]

  允許：true; 不允許：false  ['・・・'] is better written in dot notation.
 supernew  允許new function() {…}和new Object;  允許：true; 不允許：false  Weird construction. Delete
 validthis  允許嚴格模式下在非構造函數中使用this  允許：true; 不允許：false  Possible strict violation.
       
選項  內容  值 錯誤信息
bitwise  禁用位運算符(如^，&)   設置：true; 不設置：false  Unexpected use of '・・・'.(設置true時)
curly  if和while等語句中使用{}來明確代碼塊   設置：true; 不設置：false  Expected '{' and instead saw '・・・'.
eqeqeq  使用===和!==替代==和!=   設置：true; 不設置：false  Use '===' to compare with 'null'.
 forin

 在for in循環中使用Object.prototype.hasOwnProperty()來過濾原型鏈中的屬性

 

   設置：true; 不設置：false   The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype
 immed

匿名函數調用必須

(function() {
   // body 
}());

而不是

(function() {
   // body
})();
這是爲了表明，表達式的值是函數的結果，而不是函數本身。
設置：true; 不設置：false 
 		 Move the invocation into the parens that contain the function. ・Wrap an immediate function invocation in parentheses to assist the reader in understanding that the expression is the result of a function, and not the function itself. 
 latedef  變量定義前禁止使用  設置：true; 不設置：false  ' ' was・・・used before it was defined .
 newcap  構造函數名首字母必須大寫  設置：true; 不設置：false  A constructor name should start with an uppercase letter.
 noarg  禁止使用arguments.caller和arguments.callee  設置：true; 不設置：false  Avoid arguments.callee.
 noempty  禁止出現空的代碼塊  設置：true; 不設置：false  Empty block.
 nonew  禁止使用構造器  設置：true; 不設置：false  Do not use 'new' for side effects.
 plusplus  禁止使用++和--  設置：true; 不設置：false  Unexpected use of '++'.
 undef  禁止使用不在全局變量列表中的未定義的變量  設置：true; 不設置：false '・・・' is not defined.
 strict  強制使用ES5的嚴格模式   設置：true; 不設置：false  Missing "use strict" statement.
 freeze

 禁止複寫原生對象(如Array, Date)的原型

 

/* jshint freeze:true */
Array.prototype.count = function (value) { return 4; };
// -> Warning: Extending prototype of native object: 'Array'.

 

  設置：true; 不設置：false   Warning: Extending prototype of native object: 'Array'.
       
       
       
       
       
 asi  允許省略分號  允許：true; 不允許：false  Missing semicolon.
 boss  允許在if，for，while語句中使用賦值;在條件語句中使用賦值經常是筆誤if (a = 10) {}  允許：true; 不允許：false  Expected a conditional expression and instead saw an assignment.
 debug  允許debugger語句  允許：true; 不允許：false  All 'debugger' statements should be removed.
 eqnull

 允許==null

==null通常用來比較=== null;=== undefined

  允許：true; 不允許：false Use '===' to compare with '～'. 
 evil  允許使用eval  允許：true; 不允許：false  eval is evil.
 expr  允許應該出現賦值或函數調用的地方使用表達式  允許：true; 不允許：false  Expected an assignment or function call and instead saw an expression.
 iterator  允許__iterator__;不是所有的瀏覽器都支持__iterator__。  允許：true; 不允許：false  __iterator__' is only available in JavaScript 1.7.
 lastsemic

 允許單行控制塊省略分號

 

var name = (function() { return 'Anton' }());

 

 

  允許：true; 不允許：false Missing semicolon. 
 laxbreak  允許不安全的行中斷(與laxcomma配合使用)  允許：true; 不允許：false  Bad line breaking before '～'.
 laxcomma  允許逗號開頭的編碼樣式  允許：true; 不允許：false  Comma warnings can be turned off with 'laxcomma'.
 loopfunc  允許循環中定義函數  允許：true; 不允許：false  Don't make functions within a loop.
 onecase  允許只有一個case條件的switch語句嗎  允許：true; 不允許：false  This 'switch' should be an 'if'.
 proto  允許 proto（不是所有的瀏覽器都支持__proto__.）  允許：true; 不允許：false  The '__proto__' property is deprecated.(反對)
 regexdash

 待了解---》好像可以這麼理解：

在正則表達式的控制語句，連字符開頭或方括號的結束 - 容忍的存在。

  允許：true; 不允許：false  Unescaped '-'.
 scripturl    允許：true; 不允許：false  
 shadow

 允許變量shadow

 

function test() {
    var x = 10;

    if (true) {
        var x = 20;
    }

    return x;
}
基於“函數作用域”，多次定義變量和單次定義是沒有區別的，但是會造成閱讀障礙。

 

  允許：true; 不允許：false '・・・' is already defined. 
sub

 允許person[‘name’]

JSHint推薦使用person.name代替person[‘name’]

  允許：true; 不允許：false  ['・・・'] is better written in dot notation.
 supernew  允許new function() {…}和new Object;  允許：true; 不允許：false  Weird construction. Delete
 validthis  允許嚴格模式下在非構造函數中使用this  允許：true; 不允許：false  Possible strict violation.
       
       
       
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

一個前端大佬的十年回顧 | 漫畫前端的前世今生

作者：京東科技 胡駿 引言 歲月如梭，十載流年 前端技術，蓬勃向前 HTML，CSS，JavaScript 演繹出璀璨奪目的技術畫卷 回到十年前，前端技術就像一名戴着厚重眼鏡的書呆子，總是小心翼翼，被各種各樣的瀏覽器兼容性問題欺負（就像在

原創 2023-04-10 11:54:03

webpack到底是幹什麼用的？

轉載於：https://segmentfault.com/a/1190000014148611?utm_source=tag-newest 概念問題一：什麼是webpack和grunt和gulp有什麼不同 答案：Webpack是一

osc_w9nfnvz4 2021-12-25 21:21:11

npm package.json配置整理

通過npm init 創建 package.json文件 參數： name：項目名字 version： 版本號 description： 項目介紹 main： 項目的入口文件 scripts： npm提供給我們運行shell命令的入口 a

原創 2021-03-22 21:25:51

【node.js】Cannot find module & npm 全局失效問題解決 & 重裝 node.js

第一部分：解決方案（如果需要重新安裝，請直接拉底查看詳細安裝過程） 一、在執行npm命令時報錯：Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli

原創 2021-01-30 10:54:13

Elastic Stack之ES安裝01

Elasticsearch7.10羣集安裝 初始化環境 #關閉防火牆 systemctl stop firewalld systemctl disable firewalld #關閉seliux vi /etc/selinux/co

osc_4qu6doqx 2021-01-30 10:10:19

React背後的工具化體系

一.概覽React工具鏈標籤雲： Rollup Prettier Closure Compiler Yarn workspace [x]Haste [x]Gulp/Grunt+Browserify ES Modu

osc_4p2c0ecc 2021-01-30 09:26:20

初學grunt

check the official docs first grunt到底可以做些什麼？ 最小化文件 uglify 文件整合 concat install node.js && npm install git(optiona

徐泰0421 2020-07-05 03:16:07

Grunt: 監聽文件修改及重啓node服務器

Grunt簡介 Grunt官網 Grunt中文 Grunt是一個基於node.js的自動化構建工具，合理的設置grunt能幫助前端開發人員輕鬆完成諸如less、coffeescript編譯，css、JavaScript壓縮等

Sheldon_Law 2020-07-04 21:31:06

基於bower、grunt搭建angularjs項目

參考：http://blog.csdn.net/ch717828/article/details/50339087 http://www.cnblogs.com/ricky52529/p/4079514.html 說明一下，本機

触不到的颜色是否叫彩虹 2020-07-01 02:46:18

大前端學習--使用node、grunt、gulp實現前端項目工程化（含視頻講解）

使用node、grunt、gulp實現前端項目工程化 我把熬夜錄製的講解視頻也放在下面了，本寶寶是不是很貼心😄😄😄😄😄😄😄😄😄😄😄😄 1. 概述腳手架實現的過程，並使用NodeJS完成一個自定義的小型腳手架工具 腳手架的實現過程就

爱玲姐姐 2020-06-29 10:18:38

大前端學習--開發腳手架與自動化構建工作流封裝

開發腳手架與自動化構建工作流封裝 去年6月24號開始工作，到今天剛好一週年了，紀念一下，分享最近學習的前端工程化筆記。 一、前端工程化 前端工程化是指遵循一定的標準和規範，通過工具去提高效率、降低成本的一種手段。 1. 前端開發中

爱玲姐姐 2020-06-29 10:18:37

grunt-concat

安裝   npminstall grunt-contrib-concat --save-dev 將文件合併到一個或多個目標文件具體配置如下： //將多個文件合併到一個文件中 grunt.initConfig({ p

元生态 2020-06-27 01:11:30

grunt uglify

安裝：npm install grunt-contrib-uglify --save-dev //按原目錄壓縮文件 uglify:{ build: { //按照原來的目錄結構壓縮所有JS文件

元生态 2020-06-27 01:11:30

gruntjs隨筆

接觸項目時，由於平時要校檢合併js代碼、壓縮CSS/JS代碼、壓縮圖片、linting等，顯得很機械化，於是gruntjs就順理成章的成爲了首選。 gruntjs是基於nodejs的構建工具，所以使用前先要安裝node。我使用過node所

zero_lh 2020-06-21 04:31:30

grunt-contrib-connect 中間件middleware屬性

cczhumin 2020-06-02 22:14:11