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

效果

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

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 })