If I have this:
class Math {
static add(a, b) {
return a + b
}
}
and I want turn it into:
class Math {
static add(a, b) {
return a + b
}
static subtract(a, b) {
return a - b
}
}
Is there a way to do it dynamically? eg.
class Math {
static add(a, b) {
return a+b
}
}
Math.extend({
subtract: function(a, b) {
return a-b
}
})
Math.subtract(1,1) // 0
Static methods are nothing but methods on the constructor. So all you need to do is assign the methods to Math:
Object.assign(Math, {
subtract(a, b) {
return a - b
}
});
Object.assign() when Math.subtract = function() {...} should work just fine?
Math.extend(...) making it look like they might want to add more methods, in which case Object.assign might be more useful. But whatever works is fine of course :)
Math object as in Math.subtract = function(a, b) {...} works just fine even in ES3, ES4, ES5. Or you could use Object.defineProperty() too in ES5+. Object.assign() just allows you to attach multiple static methods in one function call, but you can just direct assign each method individually without using Object.assign() and have wide browser compatibility.Static methods are just methods on the constructor, so you can just define one at any time like this:
Math.subtract = function(a, b) {
return a - b;
}
Note: This will work in ANY browser currently in use as it does not rely on any new or recent features.
When compiling this down to ES5 you essentially get this:
function Math() {
}
Math.add = function(a, b) { return a + b; }
So following that, you can add a dynamic static method like this:
Math.subtract = function(a, b) {
return a - b;
}
Or since you're using ES6, you could use an arrow function:
Math.subtract = (a, b) => a - b;
this in static methods. Too confusing with this in instance methods.
Object.defineProperty since methods are not enumerable. Also not sure about super...The simplest way is to assign the property to the class:
class Test {}
Test.method = function() {
alert("works");
};
Test.method(); // works
