我已经定义了一个这样的接口:
interface IModal {
content: string;
form: string;
href: string;
$form: JQuery;
$message: JQuery;
$modal: JQuery;
$submits: JQuery;
}
我这样定义一个变量:
var modal: IModal;
然而，当我尝试设置modal属性时，它会给我一个消息说
"cannot set property content of undefined"
是否可以使用接口来描述我的模态对象，如果是这样，我应该如何创建它?
当前回答
下面是另一种方法:
你可以像这样简单地创建一个ESLint友好的对象
const modal: IModal = {} as IModal;
或者基于接口的默认实例，如果有默认值的话
const defaultModal: IModal = {
content: "",
form: "",
href: "",
$form: {} as JQuery,
$message: {} as JQuery,
$modal: {} as JQuery,
$submits: {} as JQuery
};
然后通过重写一些属性来改变默认实例
const confirmationModal: IModal = {
...defaultModal, // all properties/values from defaultModal
form: "confirmForm" // override form only
}
其他回答
下面是另一种方法:
你可以像这样简单地创建一个ESLint友好的对象
const modal: IModal = {} as IModal;
或者基于接口的默认实例，如果有默认值的话
const defaultModal: IModal = {
content: "",
form: "",
href: "",
$form: {} as JQuery,
$message: {} as JQuery,
$modal: {} as JQuery,
$submits: {} as JQuery
};
然后通过重写一些属性来改变默认实例
const confirmationModal: IModal = {
...defaultModal, // all properties/values from defaultModal
form: "confirmForm" // override form only
}
如果你在其他地方创建了“modal”变量，并想告诉TypeScript它将全部完成，你可以使用:
declare const modal: IModal;
如果你想创建一个实际上是TypeScript中IModal实例的变量，你需要完整地定义它。
const modal: IModal = {
content: '',
form: '',
href: '',
$form: null,
$message: null,
$modal: null,
$submits: null
};
或者撒谎，使用类型断言，但是你会失去类型安全，因为你现在会在意想不到的地方得到未定义，并且可能在访问modal时出现运行时错误。内容等(合同规定的属性)。
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();
你可以这样做
var modal = {} as IModal
let deletedQuestionsDto = { examId: this.examId, questionId: q.id } as DeletedQuestionsDto;
如果你正在使用React，解析器会被传统的强制转换语法阻塞，所以在.tsx文件中引入了一种替代方法
let a = {} as MyInterface;
https://www.typescriptlang.org/docs/handbook/jsx.html
