初学者在学习Typescript语法中,经常看到一些不太明白的符号,如:?:
,??
,?.
问号冒号,双问号,问号点。
?:
?:是指可选参数,可以理解为参数自动加上undefined
function echo(x: number, y?: number) { // 可选参数 return x + (y || 0);}getval(1); // 1getval(1, null); // error, 'null' is not assignable to 'number | undefined'interface IProListForm { enterpriseId: string | number; pageNum: number; pageSize: number; keyword?: string; // 可选属性}
??
?? 和 || 的意思有点相似,但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了,但是?? 不会.
console.log(null || 5) //5console.log(null ?? 5) //5console.log(undefined || 5) //5console.log(undefined ?? 5) //5console.log(0 || 5) //5console.log(0 ?? 5) //0
?.
data入参可能为null,undefined,通常我们的写法是直接上if判断啥的,然后再取data中的属性,但是有了问号点(?.)写法就简单很多了,看下面例子:
1.typescript写法:
//1.data可能为null,undefined , row也可能为null,undefined//2.假设data完整结构 {row:{name:'aaa'}}function getData(data: any){ let name = data?.row?.name}
2.普通写法
//1.data可能为null,undefined , row也可能为null,undefined//2.假设data完整结构 {row:{name:'aaa'}}function getData(data: any){ let name; if (data && data.row) { name = data.row.name }}