Você pode criar classes aninhadas no TypeScript?

93

Existe uma maneira de aninhar classes no TypeScript. Por exemplo, eu gostaria de usá-los como:

var foo = new Foo();
var bar = new Foo.Bar();

javascript typescript

— Basarat
fonte

2

Para texto datilografado mais antigo (<1.6), consulte Alguma maneira de aninhar classes no texto datilografado?

— Rahul Tripathi

132

A partir do TypeScript 1.6, temos expressões de classe ( referência ).

Isso significa que você pode fazer o seguinte:

class Foo {
    static Bar = class {

    }
}

// works!
var foo = new Foo();
var bar = new Foo.Bar();

— Basarat
fonte

1

este exemplo não funciona no texto de tipo 1.6.3: Erro TS4028 A propriedade estática pública 'Bar' da classe exportada tem ou está usando o nome privado '(classe anônima)'.

— Sergey

1

@Sergey Eu tive o mesmo problema, então comecei a usar namespaces de acordo com minha resposta abaixo.

— Dan Def

Existe uma maneira de criar interface dentro de uma classe? ou seja, se quisermos que a barra seja uma interface

— RoG

@LittaHervi - Um caso de uso seria retornar uma implementação privada de uma interface externa de, por exemplo, um método de fábrica. Outro exemplo de Java (e outros) são os iteradores que requerem acesso privilegiado a variáveis de membro de sua classe contida e, por meio de regras de escopo, fazem isso automaticamente, mas você nunca deseja que eles sejam exportados e instanciados diretamente.

— Dave

35

Aqui está um caso de uso mais complexo usando expressões de classe .

Ele permite que a classe interna acesse os privatemembros da classe externa.

class classX { 
    private y: number = 0; 

    public getY(): number { return this.y; }

    public utilities = new class {
        constructor(public superThis: classX) {
        }
        public testSetOuterPrivate(target: number) {
            this.superThis.y = target;
        }
    }(this);    
}

const x1: classX = new classX();
alert(x1.getY());

x1.utilities.testSetOuterPrivate(4);
alert(x1.getY());

codepen

— Bnieland
fonte

3

@RyanCavanaugh A capacidade de acessar membros privados dentro de uma expressão de classe "interna" é um bug?

— bnieland

5

Eu verifiquei que este é o uso correto com a equipe TypeScript. github.com/Microsoft/TypeScript/issues/…

— bnieland

1

é possível acessar o contexto pai sem passar isso diretamente?

— shabunc de

@shabunc, não que eu saiba

— bnieland

19

Não consegui fazer isso funcionar com classes exportadas sem receber um erro de compilação; em vez disso, usei namespaces :

namespace MyNamespace {
    export class Foo { }
}

namespace MyNamespace.Foo {
    export class Bar { }
}

— Dan Def
fonte

Mesmo. 'Foo' refere-se apenas a um tipo, mas está sendo usado como um namespace aqui.

— Will Beason de

12

Se você estiver no contexto de um arquivo de declaração de tipo, poderá fazer isso misturando classes e namespaces:

// foo.d.ts
declare class Foo {
  constructor();
  fooMethod(): any;
}

declare namespace Foo {
  class Bar {
    constructor();
    barMethod(): any;
  }
}

// ...elsewhere
const foo = new Foo();
const bar = new Foo.Bar();

— danvk
fonte