typescript 参数可空的几种情况

参数可为空技巧

• ?:参数可空

interface ObjType {
    key1?: string
    key2?: number
}
function test(obj: ObjType) {
    console.log(test)
}
// 此时调用时?:的参数可空
test({ key1: 'test' })

• 当使用空属性时需要判断

function test(obj: ObjType) {
// 此时ts会抛出错误，key2可能未定义
  console.log(obj.key2++)
}
// 解决:(如果属性特别多判断非常麻烦)
function test(obj: ObjType) {
  if(obj.key2) console.log(obj.key2++)
}
//-----
// 如果你的需求是
function test(obj: ObjType) {
  // 即使你确认赋值了，使用obj2.key2时ts也会抛出错误
  let obj2: ObjType = Object.assign({ key1: 'test', key2: 1 },obj)
  console.log(obj2.key2++)
}
test({key1:'test'}) // 此时默认key2:1
// 解决方式一
function test(obj: ObjType) {
// 已经确定赋值
  obj = { key1: 'test', key2: 2 }
// 使用属性时加上!,ts2.0时新增属性，自己已经确知该属性不为空
  console.log(obj.key2!++)
}
// 解决方式二
function test(obj: Required<ObjType>) {
    // 已经确定赋值
    obj = { key1: 'test', key2: 2 }
    // 使用属性时加上!,ts2.0时新增属性，自己已经确知该属性不为空
    console.log(obj.key2++)
}

主要问题可空参数，确认赋值后，的转换
● 可以通过!，确认
● 可以通过 Required 转换为必填，当然也有 Partial 转换选填

• 默认值方式参数可空

interface ObjType {
    key1: string
    key2: number
}
function test(obj: ObjType = { key1: 'test', key2: 1 }) {
    console.log(test)
}
// 此时参数可以不填
test()
// 但如果填参数，需满足type
test({ key1: 'test', key2: 2 })