搜索
首页web前端js教程TypeScript 干预:使用 Byzantium 打破运行时检查成瘾

听着,我们需要谈谈你的类型检查瘾。是的,您——在您的身份验证中间件中进行了 47 个instanceof 检查。编写的测试用例多于实际代码的开发人员。将 TypeScript 视为只是花哨的 JSDoc 注释的人。

干预

让我给你画一幅图画:现在是中午,你正在喝第四杯咖啡,并且正在调试一个生产问题。日志显示用户以某种方式通过了十五层运行时验证。你的单元测试比 Twitter 的活跃用户还要多,但不知何故,不知何故,有人设法在应该是字符串的地方发送了一个数字。

“但那是不可能的!”你哭了,滚动浏览测试覆盖率报告,显示原始的 100%。 “我检查过这个!”

你有吗?你真的吗?或者您是否只是将同一张支票写了三遍:

  1. 一旦进入 TypeScript 界面
  2. 再次在您的验证中间件中
  3. 再次在单元测试中

停止测试 TypeScript 已经知道的内容

这是一个革命性的想法:如果我们......信任编译器会怎样?我知道,疯狂的概念。但请听我说完。

interface ValidRabbit {
    username: string;
    password: string;
}
interface InvalidRabbit {
    username: number;
    password: string;
}


type ValidateRabbit<rabbit> = Assert,
    //custom compile time exceptions
    "Trix are for kids. Provide a username and password.",
    User
>;

// Ha! Silly Rabbit...
function checkRabbit<t>(rabbit: ValidateRabbit<t>) {
    // .... protect your trix
}

declare const rabbit1: ValidRabbit;
declare const rabbit2: InvalidRabbit;

checkRabbit(rabbit1);
checkRabbit(rabbit2);
/**        ~~~~~~~~~
 *           └───── Type Exception! "...Provide a username and password"
 */
</t></t></rabbit>

“但是生产呢?”

我现在可以听到您的声音:“但是如果有人向我的 API 发送无效的 JSON 怎么办?”

首先,谁伤害了你?其次,是的,验证您的 API 边界。但是,一旦该数据进入您的打字稿域,就该放手了。让编译器成为你的保镖。

以下是拜占庭为您的信任问题聚会带来的内容:

// Define your trust boundaries
type APIRequest<request> = Assert,
    Or<is.in>, Is.In<request>>
>;,
    "Someone's being naughty with our API"
>;

// Now everything inside is type-safe
function handleRequest<r>(req: APIRequest<r>) {
    // If it compiles, it's valid
    // If it's valid, it compiles
    // This is the way
}
</r></r></request></is.in></request>

DevOps 团队会爱你(一次)

想象一下:您的 CI/CD 管道在几分钟内完成,而不是几小时。您的生产日志中不会充满类型错误。您的 AWS 账单看起来不像电话号码。

怎么样?因为拜占庭将类型检查移至编译时。没有了:

  • 运行数千个仅检查类型的单元测试
  • 消耗 CPU 周期一遍又一遍地检查相同的类型
  • 凌晨 3 点醒来,因为有人将 undefined 传递给一个明确表示需要字符串的函数
// Before: Your CPU crying for help
function validateUserMiddleware(req, res, next) {
    try {
        validateId(req.params.id)        // CPU cycle
        validateBody(req.body)           // CPU cycle
        validatePermissions(req.user)    // CPU cycle
        validateToken(req.headers.auth)  // CPU cycle
        // Your CPU is now considering a career change
        next()
    } catch (e) {
        res.status(400).json({ error: e.message })
    }
}

// After: Your CPU sending you a thank you note
type ValidRequest = Assert,
        Is.On<request>,
        Is.On<request>,
        Is.On<request>
    >,
    "Invalid request shape"
>;

function handleRequest(req: ValidRequest) {
    // Just business logic, no trust issues
}
</request></request></request>

“但我喜欢写测试!”

The TypeScript Intervention: Breaking Your Runtime Check Addiction with Byzantium
伟大的!为真正需要测试的东西编写测试:

  • 业务逻辑
  • 整合点
  • 用户工作流程
  • 复杂算法

你知道什么不需要测试吗?字符串是否实际上是字符串。让 TypeScript 来处理这场生存危机。

真实的谈话:好处

  1. 更快的发展

    • 不再用三种不同的方式编写相同的验证
    • 在编译时捕获错误,而不是在凌晨 3 点
    • 花时间在功能上,而不是验证样板
  2. 更好的性能

    • 类型检查的零运行时开销
    • 更小的包大小(无验证库)
    • 快乐的CPU,快乐的生活
  3. 提高安全性

    • 类型级保证无法被绕过
    • 不再有“哎呀,忘了验证”
    • 默认完全覆盖
  4. DevOps 梦想

    • 更快的 CI/CD 管道
    • 降低基础设施成本
    • 生产事故减少
    • SRE 团队更快乐(结果可能会有所不同)

入门

interface ValidRabbit {
    username: string;
    password: string;
}
interface InvalidRabbit {
    username: number;
    password: string;
}


type ValidateRabbit<rabbit> = Assert,
    //custom compile time exceptions
    "Trix are for kids. Provide a username and password.",
    User
>;

// Ha! Silly Rabbit...
function checkRabbit<t>(rabbit: ValidateRabbit<t>) {
    // .... protect your trix
}

declare const rabbit1: ValidRabbit;
declare const rabbit2: InvalidRabbit;

checkRabbit(rabbit1);
checkRabbit(rabbit2);
/**        ~~~~~~~~~
 *           └───── Type Exception! "...Provide a username and password"
 */
</t></t></rabbit>

选择是你的

您可以继续生活在恐惧中,为所有内容编写运行时检查,将 TypeScript 视为 JavaScript 的可选类型。

或者您可以在 2024 年加入我们,我们信任我们的编译器并让它完成其工作。

记住:每次你编写运行时类型检查时,TypeScript 编译器都会在某个地方哭泣。

结论

Byzantium 不仅仅是另一个库——它是对类型信任问题的干预。是时候放弃运行时检查并拥抱编译时保证的力量了。

您的 CPU 会感谢您的。您的 DevOps 团队会感谢您。您的用户会感谢您(因为没有发现与类型相关的错误)。

最重要的是,你会在凌晨 3 点感谢自己,当时你睡得很熟,而不是在生产中调试类型错误。


P.S.如果您仍然不相信,请尝试计算代码库中有多少个运行时类型检查。然后乘以你的小时费率。这就是你花费了多少时间不信任 TypeScript。

P.P.S.在撰写这篇博文的过程中,没有人受到伤害。尽管一些运行时检查已永久停用。

*P.P.P.S。如果您想做出贡献,请访问我的 Github 并克隆该存储库。一切都还是新鲜的,所以有很多贡献的机会。

JSR.io 上提供的文档和包

以上是TypeScript 干预:使用 Byzantium 打破运行时检查成瘾的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
在JavaScript中替换字符串字符在JavaScript中替换字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

jQuery检查日期是否有效jQuery检查日期是否有效Mar 01, 2025 am 08:51 AM

简单JavaScript函数用于检查日期是否有效。 function isValidDate(s) { var bits = s.split('/'); var d = new Date(bits[2] '/' bits[1] '/' bits[0]); return !!(d && (d.getMonth() 1) == bits[1] && d.getDate() == Number(bits[0])); } //测试 var

jQuery获取元素填充/保证金jQuery获取元素填充/保证金Mar 01, 2025 am 08:53 AM

本文探讨如何使用 jQuery 获取和设置 DOM 元素的内边距和外边距值,特别是元素外边距和内边距的具体位置。虽然可以使用 CSS 设置元素的内边距和外边距,但获取准确的值可能会比较棘手。 // 设置 $("div.header").css("margin","10px"); $("div.header").css("padding","10px"); 你可能会认为这段代码很

10个jQuery手风琴选项卡10个jQuery手风琴选项卡Mar 01, 2025 am 01:34 AM

本文探讨了十个特殊的jQuery选项卡和手风琴。 选项卡和手风琴之间的关键区别在于其内容面板的显示和隐藏方式。让我们深入研究这十个示例。 相关文章:10个jQuery选项卡插件

10值得检查jQuery插件10值得检查jQuery插件Mar 01, 2025 am 01:29 AM

发现十个杰出的jQuery插件,以提升您的网站的活力和视觉吸引力!这个精选的收藏品提供了不同的功能,从图像动画到交互式画廊。让我们探索这些强大的工具: 相关文章: 1

HTTP与节点和HTTP-Console调试HTTP与节点和HTTP-Console调试Mar 01, 2025 am 01:37 AM

HTTP-Console是一个节点模块,可为您提供用于执行HTTP命令的命令行接口。不管您是否针对Web服务器,Web Serv

自定义Google搜索API设置教程自定义Google搜索API设置教程Mar 04, 2025 am 01:06 AM

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

jQuery添加卷轴到DivjQuery添加卷轴到DivMar 01, 2025 am 01:30 AM

当div内容超出容器元素区域时,以下jQuery代码片段可用于添加滚动条。 (无演示,请直接复制到Firebug中) //D = document //W = window //$ = jQuery var contentArea = $(this), wintop = contentArea.scrollTop(), docheight = $(D).height(), winheight = $(W).height(), divheight = $('#c

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。