No, this doesn’t look to be possible. From the proposal FAQ: Why doesn’t this[‘#x’] access the private field named #x, given that this.#x does? This would complicate property access semantics. Dynamic access to private fields is contrary to the notion of ‘private’. E.g. this is concerning: class Dict extends null { #data = something_secret; add(key, … Read more
Babel v6 As of Babel v6, Babel doesn’t contain any transformers itself anymore. You have to explicitly specify any feature you want to transform. Presets – non ES2015 environment The quickest way to get this working is to use presets which already contain the set of plugins needed to transform ES2015 and newer proposals. For … Read more
You should only await on something that returns a Promise. I would definitely recommend reading up on Promises before you start working with async and await. You can probably get this example to work by creating your own wrapper function around request to make it return a promise, like so: function doRequest(url) { return new … Read more
One possible way: const result = doSomething(), { a, b } = result; You still have to duplicate the name, though. const token isn’t quite right-handy. )
The story is a bit more complex, and we should begin by separating it in two: language features and runtime features. ES Language Features When we say language features we mean changes to the core JavaScript language syntax. For example ES 2015 adds support for classes, arrow functions (=>), and for-of iteration Typescript tries to … Read more
You need to install @babel/plugin-proposal-class-properties: npm install @babel/plugin-proposal-class-properties –save-dev or yarn add @babel/plugin-proposal-class-properties –dev and add the following to your Babel configuration file – usually .babelrc or babel.config.js. “plugins”: [“@babel/plugin-proposal-class-properties”],
It’s not the arrow function that’s causing a problem here. Class properties are not part of the ES6 specification. handleUpdateInput = (value) => { // … }; If you want to be able to transform this code, you’ll need to add the class properties babel plugin. Alternatively, this transform is provided as part of Babel’s … Read more
Simply put, the reason to use this is ease of understanding the code. Without class field declarations, you would do something like: class Person { constructor() { this.firstName = “Mike”; this.lastName = “Patel”; this.getName = () => { return this.firstName + ” ” + this.lastName; }; } } var p = new Person(); console.log(p.firstName); // … Read more
Theory Native async functions may be identifiable when being converted to strings: asyncFn[Symbol.toStringTag] === ‘AsyncFunction’ Or by AsyncFunction constructor: const AsyncFunction = (async () => {}).constructor; asyncFn instanceof AsyncFunction === true This won’t work with Babel/TypeScript output, because asyncFn is regular function in transpiled code, it is an instance of Function or GeneratorFunction, not AsyncFunction. … Read more
I found the accepted answer was not enough to help me sort this out, so I’m adding a little more detail to help others who find this. The problem is that it’s unclear exactly what is the decorator. The decorator in the example given is not just the @ symbol, it’s the @connect function. Simply … Read more