写了个 js 玩具来模拟操作符重载,大佬们觉得这个主意怎么样

2022-05-14 16:56:51 +08:00
 tolking

效果

写起来像是下面这种结构(带标签的模板字符串

const pointA = { x: 100, y: 300 }
const pointB = { x: -100, y: 500 }
const pointC = { x: 400, y: 0 }

const point1 = calc`${pointA} + ${pointB} + ${pointC}`
const point2 = calc`(${pointA} + ${pointB}) * 3 / (${pointA} + ${pointC}) - ${pointA}`

其中 calc 定义了操作符如何计算,本质上就是通过 带标签的模板字符串 的特性匹配字符串

起因

之前一个项目中包含大量坐标运算,直接解构计算的话代码臃肿;封装成函数调用的话复杂的计算又变得难以理解。所以就想了这样的一个土办法

简单封装下 tagged-operator 源码

通过 tagged-operator 定义 calc

import { createTag } from 'tagged-operator'

const precedence = { 1: ['*', '/'] }
const operator = (operator, val1, val2) => {
// operator 当前操作符, val1 操作符左边待计算值, val2 操作符右边待计算值
// 根据这三个参数就可以定义如何计算了
}
const calc = createTag({ operator, precedence })
2408 次点击
所在节点    分享创造
7 条回复
murmur
2022-05-14 17:03:27 +08:00
谁给我普及下运算符重载在 2022 年除了混淆和害人还有什么用途
ipwx
2022-05-14 17:09:00 +08:00
@murmur 你这也太绝对了。科学计算的时候还是很希望面对“符号”计算而不用关心这个符号是什么类型的。Julia 的核心优势就是在写科学计算过程式不用关心类型,但编译时又能代入类型进行优化。。。。(对就是 C++ 模板的 easy 版。
ipwx
2022-05-14 17:09:30 +08:00
总之运算符重载在特定场景下好用,但是不能滥用。
abersheeran
2022-05-14 17:11:47 +08:00
tolking
2022-05-14 17:13:45 +08:00
@murmur 我觉得还是有用的,乱用肯定会引起混乱的。看来你深受其害
aristolochic
2022-05-14 18:55:38 +08:00
如果不关心 TypeScript 的话,或许可以用 Babel ?
比如说可以在希望支持+的 class 里面写一个[Symbol.for("+")]方法,然后编译时用 Babel 转一下。
当然 TypeScript 也能用,就是编辑时 IDE 支持不太好(大概
tolking
2022-05-14 20:13:31 +08:00
@aristolochic Babel 写起更简洁,但 TypeScript 直接报错而且无法推倒类型,我尝试过,放弃了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/852821

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX