ESLint 规则详解，web前端开发师学习_eslint 影响性能的规则

8. 8.no-restricted-properties

这个规则事实上是一个工具，它可以禁用指定对象的指定方法。比如我们希望开发人员在发 ajax 请求的时候，全部使用我们自己封装的 ajax 方法，而不要使用 jQuery 的 ajax 方法，我们就可以通过这个配置，即使发现不符合我们规定的代码

9. 9.no-sequences

逗号表达式其实是我们比较常用的语法特性，比如在 for 循环中。不过它也有很多容易让人犯错的用法，比如：

var a = 1, b = 1;

a = b += 3, a + b;

你知道这个时候 a 和 b 值分别是多少么？启用此规则之后，你仍然可以在 for 循环和其它一些不容易出错的场景中使用逗号表达式，不过，如果 ESLint 提示你触犯了规则，说明你就应该修改你的代码了。

另外，上面 a 和 b 的值都是 4

10. 10.no-with

with 语句的作用是修改作用域链，虽然有时候可以用 with 语句来简化代码，比如：

with(frames[0].document.forms[1]){

console.log(name.value);    // 可直接访问 form 里面的 name 属性

}

但有时候 with 语句也会让代码难以理解，比如下面这段代码里面，打印出来的 log 对象无法确认是传入的参数还是 obj 上面的属性：

function f(log, obj) {

with (obj) {

console.log(log)

}

}

所以，我们还是应该尽量避免使用 with 语句

1. 11.no-sparse-arrays

使用代码质量检查工具的一个重要目的就是为了提高代码的可读性，或者说是降低其他人阅读并理解代码的难度，这条规则就是这样。当你看到这样一段代码 var userList = [‘Tiger’, ‘Kate’, , ‘Mike’]; 你真的很难确定原来写这段代码的人是不是故意要在数组中留下一个 undefined 元素，毕竟这样写并没有语法上的错误。这条规则的目的就是禁止通过这种方式在数组中插入 undefined 元素，因为这种写法太有迷惑性了。

2. 12.no-extra-bind

如果你对 javascript 中的 this 变量有所了解，你一定也知道 bind 方法的作用，它可以很方便的帮我们修改方法执行时的上下文环境，但事实上有些时候并不需要使用 bind。如果你在一些不需要使用 bind 的地方也用 bind 来保证方法执行时的上下文环境，这会让代码执行的效率变低。所以，启用这条规则，可以帮你避免不必要的性能损失。

3. 13.no-useless-call

和上一条规则类似，call 和 apply 也是帮助我们修改上下文环境的好工具，但我们应该只在需要修改上下文的时候才去使用这两个方法，如果你的代码检查工具发现你修改后的上下文和函数或方法原始的上下文相同，它就会给出提示。

4. 14.yoda

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

[外链图片转存中…(img-AR0kfd4c-1710594656093)]