typescript 接口interface

TypeScript的核心原则之一是对值所具有的结构进行类型检查。

• 可选属性： ?
• 只读属性: readonly (最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。 做为变量使用的话用 const，若做为属性则使用readonly。)

interface Shape {
    name: string;
    readonly  width: number;
    readonly height: number;
    color?: string; // 添加问号为可选属性readonly
}

let ps: Shape = { name: '123213', width: 2, height: 23 };
ps.height = 2; // 报错，不能再次赋值，只能赋值一次；

let showInterface = (shape: Shape) => {
    console.log('name', shape.name);
    console.log('width', shape.width);
    console.log('height', shape.height);
    console.log('color', shape.color);
};
showInterface({ name: '123213', width: 2, height: 23 });