前端食堂技术周刊第 33 期：IE 退休倒计时：3 个月、TS 4.7 Beta、TS 编译器工作原理、Rust 编码规范

这是前端食堂的第 109 篇原创

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly[1]

周刊的视频版会在 B 站账号【前端食堂】同步发送，想看视频的堂友们可以先去 B 站看视频，有感兴趣的链接再回来～

本期摘要

• IE 退休倒计时：3 个月
• TypeScript 4.7 Beta
• @types/react@^18.0.0
• Meta 发布开源编辑器 Lexical
• TypeScript 编译器工作原理
• Code Reviews 指南
• 14 条关于异步的 Lint 规则
• Rust 编码规范 中文版
• 如何找出泄漏到全局的 JavaScript 变量

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1. IE 退休倒计时：3 个月[2]

全体起立，鼓掌三分钟。

1. TypeScript 4.7 Beta[3]

TypeScript 4.7 的 Beta 版本发布。

• Node.js 下的 ES Module 支持
• 模块检查控制
• 计算属性的控制流分析
• 增强对象中的函数类型推断
• 泛型实例化表达式
• infer 增加 extends 约束支持
• 类型参数新增可选注解(协变/逆变)
• 私有字段 # 支持类型查询(typeof)
• 自定义模块解析策略(moduleSuffixes)
• 模块解析模式
• 优化导入语句
• 对象方法补全提示支持

Breaking Changes

• lib.d.ts 更新
• strictNullChecks 下，无默认值的泛型参数不再可分配给 {}
• 只读元组，length 属性添加只读限制

1. @types/react@^18.0.0[4]

React 18 types 声明文件发布，并提供了相应的升级辅助工具。

1. Meta 发布开源编辑器 Lexical[5]

从设计目标来看，Lexical 是一个文本编辑器引擎，提供了核心能力且易于扩展。

下面我们来看技术资料。

技术资料

1. TypeScript 编译器工作原理[6]

揭秘 TypeScript 编译器工作原理的一篇文章，灵感来自于前 TypeScript 团队核心成员 orta therox 的一个视频。为你深入探索拥有 25 万行源代码的 TypeScript 仓库打开了一扇门。

1. Code Reviews 指南[7]

在 GitHub 上，每天有数千万条 Code Review 评论，这篇文章从多个角度分享了关于 Code Review 的最佳实践。

1. 14 条关于异步的 Lint 规则[8]

在 JavaScript 中，调试异步代码有时感觉就像在雷区中跑步，你不知道控制台会在什么时候打印，也不知道你的代码是如何执行的。但幸运的是，有一些 Lint 规则可以帮我们编写出更好的异步代码。

1. Rust 编码规范 中文版[9]

Rust 社区内有些公司和组织都各自维护着自己的编码规范，但是随着 Rust 日益普及，统一的编码规范需求也逐渐浮出水面，本规范应运而生。

1. 如何找出泄漏到全局的 JavaScript 变量[10]

如何找出泄漏到全局的 JavaScript 变量呢？本文提供了一个巧妙的方法。

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1. CSS Parent Selector[11]
2. React 18 快速指南和核心概念解释[12]

周刊一锅端

如果大家还没看过瘾，给大家推荐一下食堂技术周刊的合作伙伴，赶快把他们也抱入碗中吧～

• 前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑
• MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者
• DEX 周刊[13]：关于产品、设计、前端、软件等内容的精华资讯邮件列表

好了，以上就是本期的食堂周刊

参考资料

[1]

食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly

[2]

IE 退休倒计时：3 个月: https://blogs.windows.com/windowsexperience/2022/03/29/with-3-months-left-before-ie-retirement-new-enhancements-arrive-in-microsoft-edge-for-ie-mode/

[3]

TypeScript 4.7 Beta: https://devblogs.microsoft.com/typescript/announcing-typescript-4-7-beta/

[4]

@types/react@^18.0.0: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210

[5]

Meta 发布开源编辑器 Lexical: https://github.com/facebook/lexical

[6]

TypeScript 编译器工作原理: https://www.huy.rocks/everyday/04-01-2022-typescript-how-the-compiler-compiles

[7]

Code Reviews 指南: https://www.semasoftware.com/blog/code-reviews-101-the-basics

[8]

14 条关于异步的 Lint 规则: https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/

[9]

Rust 编码规范 中文版: https://github.com/Rust-Coding-Guidelines/rust-coding-guidelines-zh

[10]

如何找出泄漏到全局的 JavaScript 变量: https://mmazzarolo.com/blog/2022-02-14-find-what-javascript-variables-are-leaking-into-the-global-scope/

[11]

CSS Parent Selector: https://ishadeed.com/article/css-has-parent-selector/

[12]

React 18 快速指南和核心概念解释: https://dev.to/shrutikapoor08/react-18-quick-guide-core-concepts-explained-519p

[13]

DEX 周刊: https://newsletter.dex.group/