Try this in your code: import Foo from ‘./Foo’; import Bar from ‘./Bar’; // without default export { Foo, Bar, } Btw, you can also do it this way: // bundle.js export { default as Foo } from ‘./Foo’ export { default as Bar } from ‘./Bar’ export { default } from ‘./Baz’ // and … Read more
In my project I’ve created something like this with ES6: String.prototype.interpolate = function(params) { const names = Object.keys(params); const vals = Object.values(params); return new Function(…names, `return \`${this}\`;`)(…vals); } const template=”Example text: ${text}”; const result = template.interpolate({ text: ‘Foo Boo’ }); console.log(result);
Both ways are viable, but they do different things when it comes to inheritance with an overridden static method. Choose the one whose behavior you expect: class Super { static whoami() { return “Super”; } lognameA() { console.log(Super.whoami()); } lognameB() { console.log(this.constructor.whoami()); } } class Sub extends Super { static whoami() { return “Sub”; } … Read more
You can use following technique to dynamically load JS scripts and libraries on demand in your Angular project. script.store.ts will contain the path of the script either locally or on a remote server and a name that will be used to load the script dynamically interface Scripts { name: string; src: string; } export const … Read more
Update (2022-01-13): Seems people are still finding this, here’s the current story: Optional Chaining is in the specification now (ES2020) and supported by all modern browsers, more in the archived proposal: https://github.com/tc39/proposal-optional-chaining babel-preset-env: If you need to support older environments that don’t have it, this is probably what you want https://babeljs.io/docs/en/babel-preset-env Babel v7 Plugin: https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining … Read more
ES6 modules are always in strict mode. To quote the relevant part of the spec: 10.2.1 Strict Mode Code An ECMAScript Script syntactic unit may be processed using either unrestricted or strict mode syntax and semantics. Code is interpreted as strict mode code in the following situations: Global code is strict mode code if it … Read more
As of Node.js 10.12 there’s an alternative that doesn’t require creating multiple files and handles special characters in filenames across platforms: import { dirname } from ‘path’; import { fileURLToPath } from ‘url’; const __dirname = dirname(fileURLToPath(import.meta.url));
A short-hand way to do it is to convert it to an array via the ES6 spread operator. Then all the array functions are available to you. const mySet = new Set([1,2,3,4]); […mySet].reduce(…);
If you introduce a line continuation (\) at the point of the newline in the literal, it won’t create a newline on output: const text = `a very long string that just continues\ and continues and continues`; console.log(text); // a very long string that just continuesand continues and continues
Yes, the Map constructor takes an array of key-value pairs. Object.entries is a new Object static method available in ES2017 (19.1.2.5). const map = new Map(Object.entries({foo: ‘bar’})); map.get(‘foo’); // ‘bar’ It’s currently implemented in Firefox 46+ and Edge 14+ and newer versions of Chrome If you need to support older environments and transpilation is not … Read more