如何基于TypeScript中的接口文件定义创建对象？

如果要在其他地方创建“模式”变量，并想告诉TypeScript全部完成，则可以使用：

declare const modal: IModal;

如果要创建一个实际上将是TypeScript中IModal实例的变量，则需要完全定义它。

const modal: IModal = {
    content: '',
    form: '',
    href: '',
    $form: null,
    $message: null,
    $modal: null,
    $submits: null
};

使用类型断言还是说谎，但是您将失去类型安全性，因为在访问modal.content等（合同规定的属性将存在）时，您现在会在意外的地方变得不确定，甚至可能在运行时错误，这是不确定的。

const modal = {} as IModal;

示例类

class Modal implements IModal {
    content: string;
    form: string;
    href: string;
    $form: JQuery;
    $message: JQuery;
    $modal: JQuery;
    $submits: JQuery;
}

const modal = new Modal();

您可能会认为“嘿，这实际上是界面的重复”-您是正确的。如果Modal类是IModal接口的唯一实现，则您可能希望完全删除该接口并使用...

const modal: Modal = new Modal();

而不是

const modal: IModal = new Modal();