Best way to define functions on JavaScript prototypes

Asked Jun 01 '15 at 12:04

Active Jun 01 '15 at 12:04

Viewed 35 times

Is there more elegant way to define functions on prototypes than in the code below? Ideally you would define everything inside Vector function.

var Vector = function (x, y) {
    this.x = x;
    this.y = y;
};

Vector.prototype.plus = function (vector) {
    return new Vector (this.x + vector.x, this.y + this.y);
};

Vector.prototype.minus = function (vector) {
    return new Vector (this.x - vector.x, this.y - vector.y);
};

Object.defineProperty(Vector.prototype, "length", {
    get: function () {
        return Math.sqrt(Math.pow(this.x, 2) + Math.pow(this.y, 2));
    }
});

var vt = new Vector(3, 4);
var vt2 = new Vector(5, 6);

asked Jun 01 '15 at 12:04

Karolis Ramanauskas

1,045
1
9
14

"Ideally you would define everything inside Vector function." Is this a wish, a guess, an answer, ...? – idmean Jun 01 '15 at 12:06
I don't define any functions inside my constructor. – mccainz Jun 01 '15 at 12:07
3

Yes, use [ES6 Classes](https://github.com/lukehoban/es6features#classes); otherwise, no. – James Thorpe Jun 01 '15 at 12:07
1

@JamesThorpe Unfortunately support is pretty bad at the moment: http://kangax.github.io/compat-table/es6/#class – idmean Jun 01 '15 at 12:09
@JamesThorpe: ES6 classes are only minimally supported, as of yet. – Cerbrus Jun 01 '15 at 12:09
@idmean [babeljs](https://babeljs.io/) - done. – CodingIntrigue Jun 01 '15 at 12:09
@idmean You could call it a wish. And yes, I meant on ES5. This will have to do then, thanks guys. – Karolis Ramanauskas Jun 01 '15 at 12:10
2

@idmean Indeed - but in the meantime there are transpilers. – James Thorpe Jun 01 '15 at 12:10

Best way to define functions on JavaScript prototypes

0 Answers0