Javascript：运算符重载

小编典典

Javascript：运算符重载

javascript

我已经使用JavaScript了几天，现在我想为定义的对象重载运算符。

在Google搜索了一段时间后，您似乎无法正式执行此操作，但是仍有一些人声称采取了一些漫长的方法来执行此操作。

基本上，我制作了Vector2类，并希望能够执行以下操作：

var x = new Vector2(10,10);
var y = new Vector2(10,10);

x += y; //This does not result in x being a vector with 20,20 as its x & y values.

相反，我必须这样做：

var x = new Vector2(10,10);
var y = new Vector2(10,10);

x = x.add(y); //This results in x being a vector with 20,20 as its x & y values.

我可以采用什么方法在Vector2类中重载运算符？因为这看起来很丑陋。

阅读 1832

2020-05-01

共1个答案

小编典典

如您所见，JavaScript不支持运算符重载。您可以执行的最接近的是实现toString（当实例需要被强制为字符串时valueOf将被调用）和（被强制将其强制为一个数字，例如在+用于加法时，或者在许多情况下，使用它进行串联，因为它+尝试在串联之前进行加法），这非常有限。两者都不会让您创建Vector2对象。

不过，对于遇到此问题的人想要一个字符串或数字（而不是Vector2），下面是valueOf和的示例toString。这些示例没有
演示运算符重载，只是利用了JavaScript的内置处理将其转换为原语：

`valueOf`

此示例将对象val属性的值加倍以响应被强制转换为原语，例如通过+：

function Thing(val) {

    this.val = val;

}

Thing.prototype.valueOf = function() {

    // Here I'm just doubling it; you'd actually do your longAdd thing

    return this.val * 2;

};



var a = new Thing(1);

var b = new Thing(2);

console.log(a + b); // 6 (1 * 2 + 2 * 2)

或搭配ES2015 class：

class Thing {

    constructor(val) {

      this.val = val;

    }

    valueOf() {

      return this.val * 2;

    }

}



const a = new Thing(1);

const b = new Thing(2);

console.log(a + b); // 6 (1 * 2 + 2 * 2)

或仅包含对象，没有构造函数：

var thingPrototype = {

    valueOf: function() {

      return this.val * 2;

    }

};



var a = Object.create(thingPrototype);

a.val = 1;

var b = Object.create(thingPrototype);

b.val = 2;

console.log(a + b); // 6 (1 * 2 + 2 * 2)

`toString`

本示例将对象val属性的值转换为大写形式，以响应被强制转换为原语，例如通过+：

function Thing(val) {

    this.val = val;

}

Thing.prototype.toString = function() {

    return this.val.toUpperCase();

};



var a = new Thing("a");

var b = new Thing("b");

console.log(a + b); // AB

或搭配ES2015 class：

class Thing {

    constructor(val) {

      this.val = val;

    }

    toString() {

      return this.val.toUpperCase();

    }

}



const a = new Thing("a");

const b = new Thing("b");

console.log(a + b); // AB

或仅包含对象，没有构造函数：

var thingPrototype = {

    toString: function() {

      return this.val.toUpperCase();

    }

};



var a = Object.create(thingPrototype);

a.val = "a";

var b = Object.create(thingPrototype);

b.val = "b";

console.log(a + b); // AB

2020-05-01