1. 速盾网络Home
  2. 网站运维

eslint和tslint（typescript和es6）

小道研究 • • 网站运维
TypeScript 简称 TS ，是 JS 的超集，白话文就是 JS 有的它全有，并且 JS 没有的，它也有。
ESLint 用来检查 JS 或者 TS 编写是否规范，可以看成是代码检测工具。
最近用 TypeScript 和 ESLint 合作开发了个项目，因为要写大量的声明、参数类型限制，再加上 ESLint 代码规范检测，所以开发起来真是头疼，实话说「开发真慢」，很多时间都在规范中衡量、都在声明中渡过…
如果说单纯的只写 TS，那还好，该声明的属性、变量类型、类声明都配置好就可以。它会辅助你做判断，你传入的值，你输出的值，你即将面临的值。
TS 会约束我们在创建 key 值的时候，要好好考虑清楚。该有的 key 就需要存在，不需要有的 key 就不需要存在，虽然这样一直思考会很累、很占用时间，但项目会很精简。
尤其是「组件化」这个方向上，这些规范和方法都要很早就要去学习和习惯。
我们做了类型判断后，可以直接摒弃掉「双等号」这样的操作符。终于可以把 Number 和 String 区分对待了，减少了各种的「隐式类型转换」。
我们来看看 ESLint 具体可以规范我们怎样编程：
  1. 结尾加不加分号？
  2. 属性用「单引号」还是「双引号」？
  3. 缩进是 Tab 还是 空格？
  4. 变量是否可以使用驼峰？
  5. 箭头函数必须有返回值
ESLint 规范我使用的是 Airbnb，规范里不允许使用 for-in 和 for-of ，是因为在遍历的时候会根据原型链去查找，可能会出现你不想要属性，以及涉及到原型链的查找，性能会受影响。所以，Airbnb 直接禁止使用这两个循环方法。不过，大家可以根据自己的喜好来打开或者关闭对应的 ESLint 规范。
ESLint 还会限制你使用 const 还是 let 这种变量声明，如果你赋值的变量后期不会发生改变，ESLint 就会推荐你使用 const 来声明成常量，这样就更加方便别人审阅你的代码。
在大型项目上，一定要使用 TS 和 ESLint 规范来平衡项目的开发，TS 可以约束我们的写法，让我们对值的传入和导出都能做出合理的判断。
ESLint 可以让我们考虑的更周全，在代码规范上更有利于我们写作开发，保证大家写的代码的可读性都是一致的。这样项目封装某个组件，大家都可以用通用的代码逻辑去实现。
可以在实际项目中，慢慢的先去引入 TS，然后下一个项目再去配置 ESLint，最后在第三个项目中用二者的结合，这样下来，对于二者的掌握应该就熟练于心了。
点击关注公众号，查看更多 Vue 的内容
图片授权基于 www.pixabay.com 相关协议

原创文章，作者：小道研究，如若转载，请注明出处：https://www.sudun.com/ask/34527.html

Like (0)
小道研究的头像小道研究
0 0
Previous 2024年4月13日
Next 2024年4月13日

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注