是否可以在 JavaScript 中创建自定义运算符？

Question

在数学课中，我们学习了如何定义新的运算符。例如：

(ℝ, ∘), x ∘ y = x + 2y

这定义了∘ 法律。对于任何实数 x 和 y，x ∘ y 是 x + 2y。

例如：2 ∘ 2 = 2 + 4 = 6.

---

可以在 JavaScript 中定义这样的运算符吗？我知道一个函数可以完成这项工作：

function foo (x, y) { return x + 2 * y; }

但我想要以下语法：

var y = 2 ∘ 2; // returns 6

而不是这个：

var y = foo(2, 2);

哪个是最接近这个问题的解决方案？

Answer 1

简短的回答是否定的。 ECMAScript（标准 JS 所基于）不支持运算符重载。

顺便说一句，在 ECMAScript 7 中，您可以在设计自定义 值类型时重载标准运算符的子集。这是关于该主题的slide deck by language creator and Mozilla CTO Brendan Eich。但是，这将不允许任意运算符，并且重载的含义将仅应用于值类型。

可以使用sweet.js 等第三方工具来添加自定义运算符，但这需要额外的编译步骤。

我 answered with a solution from outside JavaScript 使用 esprima - 这是 更改 JavaScript 并对其进行扩展，它不是原生的。

Answer 2

鉴于 ES6 中添加了一些新的标记模板文字功能，我们可以创建自定义 DSL 来处理嵌入式表达式，例如包含不同代数符号的表达式。

例如。 （运行在stackblitz）

function math(strings, x, y) {
  // NOTE: Naive approach as demonstration

  const operator = strings[1].replace(/\s/gi, "");

  if (operator == "∘") {
    return x + 2 * y;
  }
  else if (operator == "^") {
    return Math.pow(x, y);
  }
  else {
    return `Unknown operator '${operator}'`;
  }
}

console.log(math`${2} ∘ ${2}`)

请注意，由于标记的模板文字不一定返回字符串作为结果，它们可以返回更复杂的中间 AST 结构来构建表达式，然后可以进一步细化并解释，同时保持接近手头的特定领域语言.我还没有找到任何现有的库可以为 Javascript 执行此操作，但从我所知道的标记模板文字和在 lit-html 等地方的使用情况来看，它应该是一项有趣且非常平易近人的尝试。

Answer 3

没有。你不能在 JS 中这样做。

IMO 最接近的方法是实现您自己的 对象，该对象具有可链接的接口，也就是“流利的”语法。这样你就可以像按顺序说话一样操作。

var eq = new YourEquationObject();

// Then operate like 1 - 2 * 3
eq.add(1).sub(2).mul(3);

不过，细节由您决定。只是给出一个想法。

Answer 4

没有。 JavaScript 不支持运算符重载。但是您可以为此创建一个类方法

var mathClass = function(value){
   this.value = value;
}

mathClass.prototype.toLaw = function(){
   return 2 * this.value;
}

var y = new mathClass(2)
2 + y.toLaw(); //2 + 2 * y

Answer 5

您可以通过Number.prototype 上的方法添加伪运算符：

Object.defineProperty(Number.prototype, 'myOp', {
    value: function(that) {
        return this + 2 * that;
    }
});

那么所有这些语法都会起作用

alert( (2).myOp(2) )
alert( 2 .myOp(2) )
alert( 2..myOp(2) )
alert( 2.0.myOp(2) )

2.myOp(2) 不起作用，因为句点被视为小数点

Answer 6

一组编译成 JS 语言支持自定义操作符。

我会强调 ReasonML (ocaml-syntax-readable-by-js-folks) 和 Bucklescript (ocaml-to-js-compiler)，它们让自定义运算符看起来很整洁：

例如，连接字符串的运算符可能如下所示：

let (>|<) = (list, seperator) => Belt.List.reduce(list, "", (a, b) => a ++ seperator ++ b);

然后可以像这样使用：

[Styles.button, Media.Classes.atLeastTablet] >|< " "

所有这一切的缺点是它必须用这种编译为 js 的语言编写，并且它有很多优点和缺点，但通常这些语言具有你不知道的大量语法糖的吸引力'不进入 js/ts

Answer 7

阅读答案下方的 cmets。

显然你不能。这是接近的东西：

function exec(input) {
    return Function(
        'return ' + input.replace(/∘( *[\d.]+)/g, '+ 2 * $1') + ';'
    )();
}

exec('2 ∘ 2'); // 6

Answer 8

比短的略长一点，是的，你可以，但它比你在数学课上做的更复杂

要使用新结构扩展语言，您可以使用 http://esprima.org/ 之类的转换器或任何其他转换器。你需要定义你的语法，编写解析器来解析你的语句，最后添加实际的代码来做数学部分。当这些部分到位后，您就创建了一种新语言，它与 javascript 一样工作，但增加了∘ 运算符的支持。

那添加新语法真的不难，这里是 Facebook 的例子，他们如何添加 => 箭头函数语法

https://github.com/facebook/jstransform/blob/master/visitors/es6-arrow-function-visitors.js

Answer 9

我也在问这个问题，这是我的答案：

function myCustomOperation(string){
var res = String.fromCharCode(9762);
var thing = string.replace(/☢/g," + 10 + ");
thing=thing.replace(/☣/g," * 2 + ");
thing=thing.replace(/☠/g," / 3 * ");
return [eval(thing),string+" = "+eval(thing)];
};
var thing = myCustomOperation("

3 ☠ 4

");
document.write(thing[1]);