Last active
October 7, 2024 16:51
-
-
Save arccoza/50fe61c8430fc97a463bf6b8960776ce to your computer and use it in GitHub Desktop.
JavaScript Callable Object using proxy
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
'use strict' | |
class Callable extends Function { | |
constructor() { | |
super() | |
return new Proxy(this, { | |
apply: (target, thisArg, args) => target._call(...args) | |
}) | |
} | |
_call(...args) { | |
console.log(this, args) | |
} | |
} |
No prob, there are other approaches to callable objects, have a look at the other gists, or this article.
Thanks for the link, it's a good read.
you could also reuse the object itself!
class Callable extends Function {
constructor() {
super()
return new Proxy(this, this)
}
apply(...args) {
console.log(this, args)
}
}
@jed That one has a downside in that the arguments are going to be the normal arguments to apply
, rather than just the arguments you call the object with. So calling new Callable()('foo')
will call apply(object, undefined, ['foo'])
, rather than apply('foo')
.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
It works! Very clean solution. Thank you.