Создать экземпляр по полному имени класса

@kotelok · Регистрация: 08.08.2014

Подскажите, как обратиться к классу по его полному имени в TypeScript. В самом простом случае, есть два класса:

C#

namespace API {
    export class SomeUnit {
 
    }
}
 
namespace UI {
    export class SomeUnit {
        
    }
}

И далее, где-то в другом классе мне нужно создать экземпляры обоих этих классов по их полным (включая пространство имён) именам:

C#

1 2	var apiUnit = new API.SomeUnit(); var uiUnit = new UI.SomeUnit();

Вероятно, у меня что-то настроено не так (Angular6) или я недопонимаю принцип экспортов/импортов в TS, но не получается.

Более того, актуально это не только в случае одноимённых классов из разных пространств имён, но и просто когда в одном блоке кода пересекаются сущности из разных слоёв логики и когда полное имя класса заметно упрощает чтение кода без необходимости лезть в комментарии или выводить суть объекта из контекста или его сборки/файла. Т.е. если где-то в коде есть:

C#

1	var invoice = new Invoice();

То сразу и не поймёшь, что это за класс, но если оно записано с полным именем, то сразу всё понятно и код читается намного легче:

C#

1 2	var invoice = new API.DTO.Invoice(); var invoice = new UI.Model.Invoice();

Возможно ли это как-то на TS похожим образом использовать, не вписывая весь аналог пространства имён в виде префикса имени самого класса?

@8Observer8 · 19.12.2018, 19:31

Я добавил ключевое слово export перед namespace:

Javascript

1	export namespace API

В файле, где используем классы, добавил import пространств имён:

Javascript

1 2	import { API } from "./API"; import { UI } from "./UI";

Работает:

Javascript

1 2	let apiUnit = new API.SomeUnit(); let uiUnit = new UI.SomeUnit();

Песочница

Исходники

namespace-fullname.zip

API.ts

Javascript

export namespace API
{
    export class SomeUnit
    {
        constructor()
        {
            document.write("API.SomeUnit constructor" + "<br>");
        }
    }
}

UI.ts

Javascript

export namespace UI
{
    export class SomeUnit
    {
        constructor()
        {
            document.write("UI.SomeUnit constructor" + "<br>");
        }
    }
}

Program.ts

Javascript

import { API } from "./API";
import { UI } from "./UI";
 
// Playground: https://plnkr.co/edit/hiQJeMvKRSghOWlLBTyP?p=preview
 
class Program
{
    public static Main(): void
    {
        document.write("Hello from Main" + "<br>");
 
        let apiUnit = new API.SomeUnit();
        let uiUnit = new UI.SomeUnit();
 
        document.close();
    }
}
Program.Main();

RequireConfig.ts

Javascript

requirejs.config({
    baseUrl: "."
});
 
requirejs(["Program"], (Program) =>
{
 
});

index.html

PHP/HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Namespace Fullname in TypeScript</title>
    <script data-main="RequireConfig" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
</head>
 
<body>
 
</body>
 
</html>

tsconfig.json

JSON

{
    "compilerOptions": {
        "module": "amd",
        "target": "es5",
        "outDir": ".",
        "sourceMap": true
    }
}

package.json

JSON

{
    "name": "namespace-fullname",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "@types/requirejs": "^2.1.31"
    }
}

Создать экземпляр по полному имени класса

Решение