javascript - 为什么分配给属性会导致错误 "cannot set property of null"

Question

我正在尝试为对象的某些属性分配一些值。但控制台记录了错误ERROR TypeError: Cannot set property 'requested_date' of null。我试图找出问题所在，但我认为一切都很好。

这是代码:

form = {
    data: null as IMediaStorageAdd,
    requester: null as string
}

IMediaStorageAdd 是一个接口(interface):

export interface IMediaStorageAdd {
    place: string;
    requested_date: any;
    temp_requested_date: any;
    details: any[];
}

这是我运行分配的地方:

ngOnInit() {
    this.form.requester = localStorage.getItem(`name`);
    this.form.data.requested_date = new Date();
    /* resulting error Cannot set property 'requested_date' of null */
}

Answer 1

在设置请求的日期之前，您需要为表单的数据属性分配一个空对象。否则数据为空，因此会抛出错误。要修复它，

在将requested_date设置为之前添加一行，

this.form.data = {};