Bạn có thể tạo các lớp lồng nhau trong TypeScript không?

Có cách nào để lồng các lớp trong TypeScript không. Ví dụ: tôi muốn sử dụng chúng như:

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

Bắt đầu với TypeScript 1.6, chúng ta có các biểu thức lớp ( tham chiếu ).

Điều này có nghĩa là bạn có thể làm như sau:

class Foo {
    static Bar = class {

    }
}

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

Đây là một trường hợp sử dụng phức tạp hơn bằng cách sử dụng các biểu thức lớp .

Nó cho phép lớp bên trong truy cập các privatethành viên của lớp bên ngoài.

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

Tôi không thể làm cho điều này hoạt động với các lớp đã xuất mà không gặp lỗi biên dịch, thay vào đó tôi đã sử dụng không gian tên :

namespace MyNamespace {
    export class Foo { }
}

namespace MyNamespace.Foo {
    export class Bar { }
}

Nếu bạn đang ở trong ngữ cảnh của tệp khai báo kiểu, bạn có thể thực hiện việc này bằng cách trộn các lớp và không gian tên:

// 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();