防御性编程方法收集

一、JS

利用!!防止数据出错,导致页面崩溃

解构

值为undifined的变量，解构时为空

let a;
const obj = {
   name: 'xiaobe',
   ...a
}

输出{name: 'xiaobe'}

二、TS

// 假如存在
interface person {
    name: 'xiaobe' 
}

// 访问person.name 正确
console.log(person.name);   // xiaobe

// 访问person.age 报错
console.log(person.age);    // age不存在..

// ts防御式编程
person!: person
person.age // 拦截