欢迎来到代码的世界,我们开始吧!
您当前的位置:首页 > js

eslint规范大全(新手一定要了解)

2020-10-20    来源:前端入门建站教程    浏览次数:

下面 前端入门建站教程为大家介绍一下eslint规范大全(新手一定要了解)

规则名称 错误级别 说明
for-direction error for 循环的方向要求必须正确
getter-return error getter必须有返回值,并且禁止返回值为undefined, 比如 return;
no-await-in-loop off 允许在循环里面使用await
no-console off 允许在代码里面使用console
no-prototype-builtins warn 直接调用对象原型链上的方法
valid-jsdoc off 函数注释一定要遵守jsdoc规则
no-template-curly-in-string warn 在字符串里面出现{和}进行警告
accessor-pairs warn getter和setter没有成对出现时给出警告
array-callback-return error 对于数据相关操作函数比如reduce, map, filter等,callback必须有return
block-scoped-var error 把var关键字看成块级作用域,防止变量提升导致的bug
class-methods-use-this error 要求在Class里面合理使用this,如果某个方法没有使用this,则应该申明为静态方法
complexity off 关闭代码复杂度限制
default-case error switch case语句里面一定需要default分支
no-alert warn 代码中使用了alert给出警告
no-empty-function error 不允许使用空函数,除非在空函数里面给出注释说明
no-eq-null off foo == null 用于判断 foo 不是 undefined 并且不是 null,比较常用,故允许此写法
no-eval error 代码中不允许使用eval
no-extend-native error 禁止修改原生对象
no-extra-bind error 禁止出现没必要的 bind
no-floating-decimal error 表示小数时,禁止省略 0,比如 .5
no-implicit-coercion off 允许这些写法,性能上更好
no-implicit-globals error 浏览器端不允许定义全局变量和全局函数,可以通过挂载到window对象上和使用IIFE表达式
no-invalid-this off this的使用比较灵活
no-iterator error 禁止使用 iterator
no-lone-blocks error 禁止使用没必要的 {} 作为代码块
no-magic-numbers error 允许代码里面使用魔法数(多次使用,没有使用枚举的方式进行定义的数字)
no-multi-spaces error 禁止出现连续的多个空格,除非是注释前,或对齐对象的属性、变量定义、import 等
no-multi-str error 禁止使用/来进行字符串换行
no-new error 禁止直接 new 一个类而不赋值
no-new-func error 禁止使用 new Function,比如 const expression = new Function("a", "b", "return a + b");
no-new-wrappers error 对于JS的原始类型比如String, Number, Boolean等,不允许使用new 操作符
no-octal-escape error 禁止使用八进制的转义符比如 "Copyright \251"
no-param-reassign error 禁止对函数的参数重新赋值
no-proto error 禁止直接使用__proto__属性,可以使用getPrototypeOf替代
no-return-assign error return语句中禁止进行赋值语句操作
no-return-await error 禁止在 return 语句里使用 await
no-script-url error 允许location.href = 'javascript:void(0)'的形式
no-throw-literal error 禁止throw一个字面量,比如 throw 2, throw "error";
no-useless-call error 禁止出现没必要的 call 或 apply
no-useless-concat error 禁止出现没必要的字符串拼接,比如 'hello' + 'world',可以直接写成'hello world'
no-useless-return off 对return的使用不进行限制
no-void error 禁止在代码里面出现void
no-warning-comments off TODO 和 FIXME 类型的注释用的比较多,不限制
no-with error 代码里面禁止使用 with 表达式
prefer-promise-reject-errors error Promise 的 reject方法必须传入 Error 对象,而不能是字面量
radix error parseInt的时候第二个参数可以不传入,默认就是10进制
require-await error async函数里面必须有await
vars-on-top error var变量定义没必要限制太严格
init-declarations off 变量定义时强制赋值或者强制先定义后赋值有点严格
no-label-var error 禁止label名称和var相同
no-undefined error 进制将undefined当成标志符
no-use-before-define error 变量使用之前必须进行定义
no-undef error 禁止使用未定义的变量, typeof 后面的变量除外
array-bracket-newline off 数组前后括号必须换行的要求有点严格,不采纳
array-bracket-spacing error 数组的括号前后禁止有空格
array-element-newline off 数组里面的元素强制换行有点严格,不采纳
block-spacing off 代码块如果在一行,则大括号内的首尾必须有空格,比如 function (a, b) { retur a + b; }
brace-style error 大括号的用法要求
camelcase error 变量命名需要以驼峰命名法,对属性字段不做限制
capitalized-comments off 注释的首字母必须大写,对此不做限制
comma-dangle error 默认不允许尾随逗号, ie8及以下浏览器会报错
comma-spacing error 逗号后面强制要求加空格
comma-style error 逗号必须写在最后面
func-call-spacing error 函数名和执行它的括号之间禁止有空格
func-name-matching error 函数赋值给变量时,函数名必须和赋值的变量名一致的限制不采纳
func-names off 不限制匿名函数的命名问题
func-style off 必须只使用函数申明或只使用函数表达式
id-blacklist off 变量黑名单,不采纳
id-length off 变量命名长度不做限制
id-match off 变量命令的字符需要在某个正则匹配规则里面,不采纳
indent error 一个缩进必须用四个空格替代, switch语句里面的case 2个空格
jsx-quotes error jsx 中的属性必须用双引号
key-spacing error 对象字面量中冒号前面禁止有空格,后面必须有空格
keyword-spacing error 关键字前后必须要加上空格
line-comment-position off 注释的位置不进行限制
linebreak-style off 对换行符不限制
lines-around-comment off 注释前后必须有空行的限制,不采纳
max-depth error 代码块嵌套的深度禁止超过 5 层
max-len error 单行最多允许80个字符, 对包含url的行不进行此限制
max-lines off 某个文件能够放置的最大代码行数,不限制
max-nested-callbacks error 回调函数嵌套禁止超过 3 层,多了请用 async await 替代
max-params error 函数的参数禁止超过 10 个
max-statements off 一个函数块里面的语句行数的限制,不采纳
max-statements-per-line off 一行中的语句数量
multiline-ternary off 三目元算语句换行限制,不采纳
new-cap error 构造函数的必须以大写字母开头
new-parens error new 后面类必须带上括号
newline-per-chained-call off 链式调用必须换行的限制,不采纳
no-array-constructor error 禁止使用 Array 构造函数
no-bitwise off 位操作,不进行限制
no-continue off continue语句的使用,不限制
no-inline-comments off 内联注释不限制
no-lonely-if off 允许单独使用if语句,而不配套使用else、else if等
no-mixed-spaces-and-tabs error 禁止混用空格和缩进
no-multi-assign off 连续赋值比如 a = b = c = 4; 不限制
no-multiple-empty-lines off 连续空行,不限制
no-negated-condition off if里面不允许出现否定表达式, 不采纳
no-nested-ternary off 允许三元表达式的嵌套使用
no-new-object error 禁止直接 new Object
no-plusplus off 允许使用 ++ 或 --
no-ternary off 允许使用三元表达式
no-trailing-spaces error 禁止行尾部有空格
no-underscore-dangle off 允许变量名中出现下划线
no-whitespace-before-property error 禁止属性前有空格,比如 foo. bar()
object-curly-newline error 大括号内的首尾必须有换行
object-property-newline off 对象字面量内的属性每行必须只有一个,不采纳
one-var error 声明变量时,禁止一条语句声明多个变量
one-var-declaration-per-line error 变量申明必须每行一个
quotes error 必须使用单引号
semi error 结尾必须有分号
semi-spacing error 一行有多个语句时,分号前面禁止有空格,分号后面必须有空格
semi-style error 分号必须写在行尾,禁止在行首出现
space-before-blocks error if, function 等的大括号之前必须要有空格
space-before-function-paren error function 的小括号前面必须有空格
space-in-parens error 小括号内的首尾禁止有空格
space-infix-ops error 操作符左右必须有空格, const ret = 'hello' + 'world'
spaced-comment off 注释空格不限制
switch-colon-spacing error case 子句冒号前禁止有空格,冒号后必须有空格
arrow-body-style off 箭头函数返回值可以只是一个值,没必须一定用大括号写成多条语句.
arrow-parens off 箭头函数的参数必须用括号包裹起来,限制去掉。当只有一个参数时,没必要使用括号
arrow-spacing error 箭头函数的箭头前后必须有空格
generator-star-spacing error generator 的 * 前面禁止有空格,后面必须有空格
no-duplicate-imports error 禁止import重复模块
no-var error 禁止采用var去定义变量,必须使用let或者const
prefer-arrow-callback off 禁止采用var去定义变量,必须使用let或者const
prefer-const error 变量如果没有发生修改,则必须使用const进行命名
prefer-destructuring off 强制使用结构的限制,不采纳
prefer-template off 不强制使用模板字符串,字符串拼接也是可取的
rest-spread-spacing error ... 的后面禁止有空格
sort-imports off import 排序不用限制
template-curly-spacing error 模板字符串内的首尾禁止有空格,比如${test}不要写成${ test }
yield-star-spacing error yield* 后面必须加空格

上面是关于“eslint规范大全(新手一定要了解)”的详细介绍,想了解更多关于js内容,请继续关注 前端入门建站教程!

最新文章

回到顶部