eslint和tslint(typescript和es6) 小道研究 • 2024年4月13日 上午10:27 • 网站运维 TypeScript 简称 TS ,是 JS 的超集,白话文就是 JS 有的它全有,并且 JS 没有的,它也有。 ESLint 用来检查 JS 或者 TS 编写是否规范,可以看成是代码检测工具。 最近用 TypeScript 和 ESLint 合作开发了个项目,因为要写大量的声明、参数类型限制,再加上 ESLint 代码规范检测,所以开发起来真是头疼,实话说「开发真慢」,很多时间都在规范中衡量、都在声明中渡过… 如果说单纯的只写 TS,那还好,该声明的属性、变量类型、类声明都配置好就可以。它会辅助你做判断,你传入的值,你输出的值,你即将面临的值。 TS 会约束我们在创建 key 值的时候,要好好考虑清楚。该有的 key 就需要存在,不需要有的 key 就不需要存在,虽然这样一直思考会很累、很占用时间,但项目会很精简。 尤其是「组件化」这个方向上,这些规范和方法都要很早就要去学习和习惯。 我们做了类型判断后,可以直接摒弃掉「双等号」这样的操作符。终于可以把 Number 和 String 区分对待了,减少了各种的「隐式类型转换」。 我们来看看 ESLint 具体可以规范我们怎样编程: 结尾加不加分号? 属性用「单引号」还是「双引号」? 缩进是 Tab 还是 空格? 变量是否可以使用驼峰? 箭头函数必须有返回值 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 赞 (0) 小道研究 0 0 生成海报 如何选择最优的net空间提供商? 上一篇 2024年4月13日 nfnfnf是什么?从历史到现在的发展 下一篇 2024年4月13日 相关推荐 网站运维 魔兽争霸设置教程 准备服务器要求16H16G物理服务器下载/购买服务端:下载后上传到服务器,最好的话用网盘上传速度快。上传到D盘根目录然后解压获得wowServer文件夹解压后我 小su 1天前 00 网站运维 报表开发组件Stimulsoft v2022.1 新增3D饼图 Stimulsoft Ultimate是用于创建报表和仪表板的通用工具集。该产品包括用于WinForms、ASP.NET、.NET Core、JavaScrip 小su 2024年9月1日 00 fortify 规则(forsage规则) 文章前言 Fortify静态代码分析器提供了一组用于检测源代码中的潜在安全漏洞的分析器,当对项目进行分析时Fortify静态代码分析器需要无错误完成对所有相关源代码的翻译工作,Fo… 七芒星实验室 网站运维 2024年4月19日 00 网站运维 HMC273MS10GE 型号 HMC273MS10GE制造商 Hittite描述 700MHz-3800MHz 射频、微波可变衰减器 4.4dB最大插入损耗 符合RoHS标准 微型 塑 小su 2024年8月30日 00 发表回复 您的电子邮箱地址不会被公开。 必填项已用 * 标注*昵称: *邮箱: 网址: 记住昵称、邮箱和网址,下次评论免输入 提交