主页 / 问题 / 618453
Accepted
RostD
Asked:2020-01-24 00:59:10 +0000 UTC2020-01-24 00:59:10 +0000 UTC

为什么会出现编译错误？

  • 772

我们在类中创建一个对象：

class AppComponent {

dish = {};

loadDishWindow(){
    console.log(this.dish);
    //->Object {}

    this.dish = {
        attributes : [],
        id : null ,
        name : "",
        type : null,
        type_id: null,
        unit: null,
        unit_id: null
    };

    console.log(this.dish);
    //->Object {attributes: Array[0], id: null, name: "", type: null, type_id: null…}

}

为什么，如果我在这个方法中调用console.log(this.dish.name);，而不是在最后console.log()一个方法中调用，例如，它会在编译期间出错吗？

error TS2339: Property 'name' does not exist on type '{}'.

我用一口

typescript

1 个回答

  1. Best Answer

    为什么：

    let dish = {};
console.log(dish.name);// ошибка, у блюда отсутствует имя
// в общем(но не конкретном) случае решается интерфейсами
// https://www.typescriptlang.org/docs/handbook/interfaces.html

    （你好静态类型）

    let число = 78;
число = 'строка';// ошибка, тип число не может принять тип "строка"

    解决方案：

    class AppComponent {
// предпочтительней так
dish = <any>{};
// но можно и так
// dish; //в скомпилированном коде он тут не создаётся(см. js)



// или как-то так
interface idish {
    attributes : string[],
    id         : null | number ,
    name       : null | string,
    type       : null | string,
    type_id    : null | string,
    unit       : null | any,
    unit_id    : null | any,
};
class AppComponent {
    dish:idish = <any>{}
}

    更新：
    关于null和undefined在这里 写下他们的恕我直言在这里
    表达很有趣

    • 0

相关问题