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:

1. 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;
  }

}

1. 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 🤘