-
-
Notifications
You must be signed in to change notification settings - Fork 2.6k
Closed
Labels
new-exampleA proposal of the new exampleA proposal of the new examplereleasedIssues and PRs released by semantic-releaseIssues and PRs released by semantic-release
Description
I present this as an oddity for your amusement.
class Foo extends Function {
constructor(val) {
super();
this.prototype.val = val;
}
}
new new Foo(':D')().val // => ':D'
Constructors in Javascript are of course just functions with some special treatment. by extending Function using the ES6 class syntax you create a class that, when instantiated, is now a function, which you can then additionally instantiate.
While not exhaustively tested, I believe the last JS statement can be analyzed thus:
(new (new Foo(':D'))()).val
(new newFooInstance()).val
veryNewFooInstance.val
':D'
As a tiny addendum, doing new Function('return "bar";')
of course creates a function with the body return "bar";
. Since super()
in the constructor of our Foo
class is calling Function
's constructor, it should come as no surprise now to see that we can additionally manipulate things in there.
class Foo extends Function {
constructor(val) {
super(`
this.val = arguments[0];
`);
this.prototype.val = val;
}
}
var foo = new new Foo(':D')('D:');
foo.val // -> 'D:'
delete foo.val; // remove the instance prop 'val', deferring back to the prototype's 'val'.
foo.val // -> ':D'
legraphista and denysdovhandevellopah
Metadata
Metadata
Assignees
Labels
new-exampleA proposal of the new exampleA proposal of the new examplereleasedIssues and PRs released by semantic-releaseIssues and PRs released by semantic-release