Typescript: нужно ли импортировать все типы, связанные с импортированным интерфейсом?

Question

[KenyaWest]

export interface IFoo {
    bar: TBar[]
}
type TBar = {
    a: string;
    b: number;
}

Если я импортирую интерфейс IFoo, нужно ли мне импортировать также и TBar?

Пользуюсь VS Code, которая не дает подсказок полей в TBar, пока не импортируешь TBar.

Answer 1

[Станислав Макаров]

Если вы сами используете идентификатор типа TBar - то нужно импортировать, не используете, т.е. например пишете вот так:

const foo: IFoo = {
    bar: [
        {a: "white", b: 10},
        {a: "black", b: 20}
   ]
}

то не нужно.

Comments

[KenyaWest]

ОК, спасибо!

[KenyaWest]

Станислав Макаров а если я делаю так?

interface.ts:

export interface IFoo {
    bar: TBar[]
}
type TBar = {
    a: string;
    b: number;
}

class.ts:

import {IFoo} from './'

class Imp implements IFoo {
    bar: TBar[];
    
    constructor() {
        this.bar: [{
            a: 'gg',
            b: 1}]
    }
}

В таком случае я обязан импортировать еще и TBar, сделать его экспортируемым... Или я что-то не так делаю? Как сделать по-другому без импорта вспомогательного TBar?

[Станислав Макаров]

Иннокентий Иванов
Ну во-первых не такой уж TBar вспомогательный, раз используется в публичном (экспортируемом) интерфейсе. Во-вторых, возможно вы сможете использовать lookup type (он же index type), но я не уверен что это лучшая альтернатива:

class Imp implements IFoo {
    bar: IFoo["bar"][number][];
    
    constructor() {
        //....
    }
}

И да, поправьте пример, возможно я не так понял что вам нужно (текущий пример невалиден).