Javascript-调用扩展功能时更改对象

Question

I have a code like this:

var Vec = function(x, y) {
  this.x = x || 0;
  this.y = y || 0;
};

Vec.prototype = {
  set: function(v) {
    this.v.x = v.x;
    this.v.y = v.y;

    return this;
  },

  add: function(add) {
    if (add instanceof Vec) {
      return new Vec(this.v.x + add.x, this.v.y + add.y);
    } else {
      return new Vec(this.v.x + add, this.v.y + add);
    }
  }
};

This is how I then create it:

var MyVector = new Vector(32, 46);

Instead of this doing each time when I want to add to MyVector;

MyVector.set(MyVector.add(new Vec(12, 7))); // MyVector = MyVector.add(new Vec(12, 7)); Same thing

I want to be able to do like this:

MyVector.add(new Vec(12, 7)).set();

How do I make that possible?

Answer 1

var Vec = function(a,b) {
  return {
     x: a,
     y: b,

     set: function(vector) {
       this.x = vector.x;
       this.y = vector.y;
     },

     get: function() {
       return {x: this.x, y:this.y};
     },       

    add: function(v) {
      if(s.constructor === new Vec().constructor) {
        values = v.get();
        this.x += values.x;
        this.y += values.y;
      } 
      else {
        this.x += v;
        this.y += v;
      }

    }
 }
}

Now you could just say:

 var v = new Vec(12,13);
 v.add(new Vect(14,15));