I'm am sooooo excited... some of my favourite typescript features are on the horizon. So without further ado, let's get started
Class Fields
Class fields include private methods and accessors(like get
& set
), public and private instance fields, static class fields and private static methods. Let's look at them:
- Private Methods & Fields
class Man {
// Private Field
#name = '';
// Private Getter
get #x() {
return #xValue;
}
// Private Setter
set #x(value) {
this.#xValue = value;
}
// Private Method
#clicked() {
this.#x++;
}
constructor(name) {
this.name = name;
}
}
- Static Private Methods & Fields
Just like we have saw private instance fields and methods earlier, we can do the same for
static
fields & methods.
class ColorFinder {
static #red = "#ff0000";
static #green = "#00ff00";
static #blue = "#0000ff";
static colorName(name) {
switch (name) {
case "red": return ColorFinder.#red;
case "blue": return ColorFinder.#blue;
case "green": return ColorFinder.#green;
default: throw new RangeError("unknown color");
}
}
}
Top Level Await
I bet most of us have used async
IIFEs(Immediately Invoked Function Expression) a.k.a IIAFEs for using async/await
in the top level of a module in this fashion:
(async () => {
// Async code
await axios.post('https://xyz.com');
})()
Using this, we can simplify this code to:
// That's it... no catch!
await axios.post('https://xyz.com');
That's it for this post! I hope you liked it. Checkout my twitter where I post tips, tricks and memes for developers. Bye for now 🤘
Top comments (0)