TypeScript imports vs. ES6 object destructuring

Question

With TS imports, I believe I can do this:

import {foo as bar} from 'foo';

with ES6 object destructuring in JS or TypeScript - is there a way to rename an "imported value" in the same way?

For example,

const {longVarName as lvn} = x.bar;

`const {longVarName:lvn} = x.bar;`? would result in a const called lvn having the value of x.bar.longVarName — Jaromanda X, Jun 17 '17 at 09:08

score 3 · Accepted Answer · answered Jun 17 '17 at 09:19

3

Use the solution suggested by Jaromanda X:

const {longVarName: lvn} = x.bar;

In fact, you can do more than that:

Multiple variables

var {p: foo, q: bar} = o;

Default values:

var {a = 10, b = 5} = {a: 3};

Nested objects:

const x = {a: {b: {c: 10}}};
const {a: {b: {c: ten}}} = x;
// ten === 10

answered Jun 17 '17 at 09:19

m1kael

this ES6 right? not typescript? – Alexander Mills Jun 17 '17 at 09:27
Yes, this is ES6, correct. – m1kael Jun 17 '17 at 09:28
1

I can confirm it works with TypeScript as well, which makes sense since TS follows ES6 somewhat closely. – Alexander Mills Jun 17 '17 at 09:29

1 Answers1