javascript - typescript destructuring assignment with interface - Stack Overflow

admin管理员组

文章数量:1396820

I tried to destructuring assignment with interface, but cannot write like this.

interface TYPE {
  id?: number;
  type?: string;
}

const e =  {
  'id': 123,
  'type': 'type_x',
  'other': 'other_x'
}
const {...foo}: {foo: TYPE} = e;
console.log(foo.id, foo.type) // expected: 123, 'type_x'

I tried to destructuring assignment with interface, but cannot write like this.

interface TYPE {
  id?: number;
  type?: string;
}

const e =  {
  'id': 123,
  'type': 'type_x',
  'other': 'other_x'
}
const {...foo}: {foo: TYPE} = e;
console.log(foo.id, foo.type) // expected: 123, 'type_x'

• javascript
• typescript
• object
• ecmascript-6

Share Improve this question Follow edited Aug 4, 2019 at 6:48 Jack Bashford 44.2k1111 gold badges5555 silver badges8282 bronze badges asked Aug 4, 2019 at 6:27 wgf4242wgf4242 83133 gold badges1212 silver badges2323 bronze badges 2

• 3 What do you expect const {...foo}: {foo: TYPE} = e; to do exactly? – Alex Wayne Commented Aug 4, 2019 at 6:53
• const {...foo, ...rest}: {foo: TYPE, rest: any} = e,; to desctruct assign TYPE, and rest propterties, but not write like this. – wgf4242 Commented Aug 4, 2019 at 13:20

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

Just declare the type on the variable, without that weird object notation:

const { ...foo }: TYPE = e;

That is a weird way to make a copy of an object however - it's usually done like so:

const foo: TYPE = { ...e };

本文标签： javascripttypescript destructuring assignment with interfaceStack Overflow