Suppose I have this code:
class AuthService {
loginWithEmailAndPassword(email, password) {
return apolloClient.mutate({});
}
}
export default new AuthService();
is there a modern way to write loginWithEmailAndPassword to have an implicit return?
Yes, using the newer public class fields feature, you can add the function to your instance.
class AuthService {
loginWithEmailAndPassword = (email, password) => (
{ email, password }
)
}
const authService = new AuthService()
console.log(authService.loginWithEmailAndPassword('x@y', 'Password!'))Note that there's a couple differences when you do this:
An example of the second point:
class BaseClass {
f = () => 2
}
class SubClass extends BaseClass {
f() {} // Doesn't work - this won't shadow f() from the parent class
f = () => super.f() // Doesn't work. This overrides f() from the parent class, so you can't access it's super method.
}
If you're not yet able to use this syntax, you can always create these functions in your constructor, like this:
class AuthService {
constructor() {
this.loginWithEmailAndPassword = (email, password) => (
{ email, password }
)
}
}
const authService = new AuthService()
console.log(authService.loginWithEmailAndPassword('x@y', 'Password!'))
{ email, password } as return value? it is destructuring or a weird object?{ email, password } is just shorthand for { email: email, password: password }, i.e. I was just making the dummy function return an object that contained the parameters that were passed in.