javascript 使用函数创建对象的更好方法

Question

我是 javascript 新手，我正在尝试创建一个对象，然后我可以用它的实例填充一个列表。我有这个代码，但是有“这个”感觉是多余的。每一行的关键字。有没有更整洁/更合适的方法来创建这样的对象？

这是我当前的对象：

    var Particle = function(x, y) {
    this.x = x;
    this.y = y;
    this.xspeed = 0;
    this.yspeed = 0;
    this.xacc = 0;
    this.yacc = 0;

    this.update = function() {
        this.x += this.xspeed;
        this.y += this.yspeed;
        this.xspeed += this.xacc;
        this.yspeed += this.yacc;
    }
}

提前感谢您的帮助

Answer 1

不幸的是，this 在 Javascript 中是强制性的，即使其他语言推断它也是如此。

今天Ecmascript classes are supported by any browser excepting IE。如果您想使用面向对象编程，这可能是使用类语法的好方法。

class Particle {
    constructor(x, y) {
      this.x = x;
      this.y = y;
      this.xspeed = 0;
      this.yspeed = 0;
      this.xacc = 0;
      this.yacc = 0;
    }

    update() {
        this.x += this.xspeed;
        this.y += this.yspeed;
        this.xspeed += this.xacc;
        this.yspeed += this.yacc;
    }
}

const particle = new Particle(1, 2);
particle.update();
console.log(particle);

Answer 2

你可以使用Object.assign 和一个对象字面量：

var Particle = function(x, y) {
 Object.assign(this, {
   x, y,
   xspeed: 0,
   yspeed: 0,
   xacc: 0,
   yacc:0,
 });
 //...
};

由于您没有使用继承，您也可以只返回一个新对象：

const Particle = (x, y) => ({
   x, y,
   xspeed: 0,
   yspeed: 0,
   xacc: 0,
   yacc:0,
   update() {
    this.x += this.xspeed;
    this.y += this.yspeed;
    this.xspeed += this.xacc;
    this.yspeed += this.yacc;
  },
});

Answer 3

关于this 的高使用率，您可以使用Object.assign 来修复基代码中值赋值的高使用率。 (this.value = value)

由于您希望多个实例具有自己的值，因此将this 范围用于您要使用的值是合乎逻辑的。 （使用this 范围内定义的值）