Ts当中的字面量赋值

本文介绍: ts中的字面量赋值

interface objType{
    name:string,
    age:number,
    height:number
}
// 添加address后就会报错
let obj:objType={
    name:"张三",
    age:20,
    height:150,
    address:"你猜我在哪"
}


export {
    
}

当我们向o bj当中添加一个接口中没有的属性的时候会报错

但是当我们把需要的属性添加给一个新的对象并且不使用接口的时候就不会报错

如下：

interface objType{
    name:string,
    age:number,
    height:number
}
// 创建一个新变量info
let info={
    name:"李四",
    age:20,
    height:150,
    address:"我在这"
}
// 字面量赋值给obj
// 给要添加的obj描述接口


let obj:objType=info
console.log(info);
console.log(obj);

原因：

如果直接使用字面量赋值给对象的时候默认会进行类型推导也就意味着对象obj当中相对于objTy pe 接口会多出一个 address 类型所以会报错但是如果使用这种变量赋值的方法相当于赋值的是引用在ts 当中编译类型的时候会做出擦除（fres h n es s）的操作

接口(objType)擦除（fres h ness）简单的理解来说是指如果赋值的对象 info相对于接口(objType)中描述的类型如果全部都满足的话就不会报错如果info中缺少一个objType中的属性的话就会报错

但是这种用法 还是会有bug！！

function fn(num: fnType) {
    // 在这里不能使用address 也就是接口描述中所没有的属性
    console.log(num.address);

}
let n = {
    name: "王五",
    age: 20,
    address: "就不告诉你"
}
// 不会报错

fn(n)