1) ? 的用法
示例:
const obj = res?.data || {}; // obj是从接口中取到的数据const dataError = obj.a.b; // 若obj为空,则此时会报错const dataSafe = obj?.a?.b; // 相当于 const dataSafe = obj && obj.a && obj.a.b ? obj.a.b : undefined;
? 表示该参数是一个可选参数;
当使用某一个对象中的属性时,若无法确定该对象是否会为空就需要在后面加上一个问号来进行判空处理,表示若不为空时再去访问属性。
2) ?? 的用法
示例:
const foo = str ?? 'default'; // 若str 为 null 或 undefined, foo为default
只有当左侧为null或者undefined时,才会返回右侧的数;主要用于设置默认值
2.感叹号的用法
1) ! 的用法— !obj
变量前使用表示取反;
可将变量转为boolean类型: null、undefined、空字符串 取反之后都为true;
2) !! 的用法— !!obj
!! 用于类型判断,在 ! 之后再做取反
const obj = {a: 1, // !obj['a'] 为false; !!obj['a'] 为true;b: '', // !obj['b'] 为true; !!obj['b'] 为false;c: 'test', // !obj['c'] 为false; !!obj['c'] 为true;d: null, // !obj['d'] 为true; !!obj['d'] 为false;e: undefined, // !obj['e'] 为true; !!obj['e'] 为false;f: {}, // !obj['f'] 为false; !!obj['f'] 为true;g: { test: 'test'} // !obj['g'] 为false; !!obj['g'] 为true;h: [] // !obj['h'] 为false; !!obj['h'] 为true;i: 0 // !obj['i'] 为true; !!obj['h'] 为false;
}
3) ! 的用法— obj!
变量后使用表示类型推断排除 null、 undefined,告诉TS此处一定有值
示例1:
const uploadRef = ref<UploadInstance>();
uploadRef.value!.clearFiles(); // 给uploadRef断言
示例2:
function Fun (data: IParams) {const obj = data.name!; // 变量值可以为空,为空时返回undefined
}
4) + 的用法
记住:在字符串前面添加 + 号,可以将 string 转化为 number(字符串内容为数字时才有意义)。