TypeScript联合类型 接口

/**
 * 联合类型
 */
var muchtype:string|number="hello";
muchtype=1;

/**
 * 联合类型
 * 注意：如果说我们使用字符串的length属性那么我们需要注意，如果是number类型是不支持的
 * 这一块我们必须使用string或者number都支持的类型，那么下面我们可以进行调用扩展方法toString()
 * 
 */
var muchtype:string|number="hello";
muchtype="";
muchtype=1;
console.log(muchtype.length)
console.log(muchtype.toString().length)

interface IStudent{
    name:string
}
/**
 * 接口规范了name属性是必须要写的所以我们要通过第四行代码进行使用
 * 接口起到一个约束作用约束我们这些属性字段必须一对一的编写.
 */
var obj1:IStudent;
obj1="11";
obj1=1;
obj1={name:"11"};

interface IStudent{
    name:string,
    age:number
}

obj1={name:"11",age:1};

interface IStudent
{
    name:string,
    age?:number //?为一个可空类型nullable 他是一个可有可无的,那么在下面我们可以不用对age进行赋值操作也不会出现异常
}

var obj2={name:"张三",age:1}

//属性个数不确定的时候 
interface IStudent{
    name:string,
    age?:number,
    [propName:string]:any
}

var obj3:IStudent={name:"Mr.A",age:1,sex:"男",birthday:"2020-03-20"}

interface IStudent{
    name:string,
    readonly age:number
}
var obj3:IStudent={name:"Mr.A",age:18}
obj3.name="Mr.B";
obj3.age=19;