美文网首页
ts中number类型的数字不想赋值,想给空值怎么实现

ts中number类型的数字不想赋值,想给空值怎么实现

作者: 尘埃里的玄 | 来源:发表于2022-01-07 14:22 被阅读0次
  interface FormState {
    name: string;
    state: string | undefined;
    startDate: Moment | undefined;
    endDate: Moment | undefined;
    priority?: number;
    remark: string;
  }

  export default defineComponent({
    setup() {
      const formState: UnwrapRef<FormState> = reactive({
        name: '',
        state: undefined,
        startDate: undefined,
        endDate: undefined,
        remark: '',
      });
      const onSubmit = () => {
        console.log('submit!', toRaw(formState));
      };
      return {
        labelCol: { span: 4 },
        wrapperCol: { span: 14 },
        formState,
        onSubmit,
      };
    },
  });
关于

?的作用
四、属性数量不确定时的定义方法
如果使用接口来限定了变量或者形参, 那么在给变量或者形参赋值的时候, 赋予的值就必须和接口限定的一模一样才可以, 多一个或者少一个都不行。

但是开发中我们往往可能会遇到少一个或者多一个的场景。

(1)少一个,用可选属性
可选属性意如其名,用法也简单,只需要在属性名字后面加一个?即可。

// 需求: 如果传递了middleName就输出完整名称, 如果没有传递middleName, 那么就输出firstName和lastName
interface FullName{
firstName:string
lastName:string
middleName?:string
[propName:string]:any
}

function say({firstName, lastName, middleName}:FullName):void {
// console.log(我的姓名是:${firstName}_${lastName});
if(middleName){
console.log(我的姓名是:${firstName}_${middleName}_${lastName});
}else{
console.log(我的姓名是:${firstName}_${lastName});
}
}

say({firstName:'Jonathan', lastName:'Lee', middleName:"666"});
say({firstName:'Jonathan', lastName:'Lee'});
关于问号语法的原文链接:https://blog.csdn.net/weixin_39663933/article/details/111346766

参考文章:https://blog.csdn.net/weixin_46025371/article/details/116694992

相关文章

  • ts中number类型的数字不想赋值,想给空值怎么实现

    ?的作用四、属性数量不确定时的定义方法如果使用接口来限定了变量或者形参, 那么在给变量或者形参赋值的时候, 赋予的...

  • 1.5 JS中的数据类型分类

    JS中的数据类型 基本数据类型(值类型/原始值)数字 number字符串 string布尔 boolean空对象指...

  • TS官方文档笔记

    基础类型 布尔值 数字 和 JavaScript 一样,TS里所有数字都是浮点数,类型是 number。除了支持十...

  • 基础类型

    ts 一共12种基础类型 布尔值 boolean 数字 number 字符串 string 数组 numebr[]...

  • 10-JS数据类型分类和检测

    JS中的数据类型 基本数据类型(值类型)number:数字string:字符串boolean:布尔null:空对象...

  • 数据类型 -- Number(数字)

    数字类型用于存储数值,是不可变类型,如果改变数字类型的值,将重新分配内存空间。 在变量赋值时 Number 对象将...

  • typescript笔记--类型篇

    动态监听ts文件变动,自动编译js 生成ts配置文件 类型约束的基本语法 ts的类型: 1.number类型:数字...

  • 你不知道的js(中卷) 第一章类型

    一. 类型 空值(null) 未定义(undefined) 布尔值(boolean) 数字(number) 字符串...

  • TypeScript学习中需要注意的点

    数组类型声明的两种方式 ts中的非空断言操作符 null 和 undefined是其他类型的子类型,可以赋值给其他...

  • tips of c#

    基础类型的大小是固定,因为会被映射成内部类型 可空值类型, 可空值类型不能赋值给普通的值类型 ref 参数 用来传...

网友评论

      本文标题:ts中number类型的数字不想赋值,想给空值怎么实现

      本文链接:https://www.haomeiwen.com/subject/uqujcrtx.html