let x: number = null;    // 编译时错误
let y: string = null;    // 编译时错误
let z: number[] = null;  // 编译时错误

• 1.
• 2.
• 3.

let x: number | null = null;
x = 1;    // ok
x = null; // ok
if (x != null) { 
    // do something 
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.

class A {
    value: number = 0;
}

function foo(a: A | null) {
    a.value;   // 编译时错误：无法访问可空值的属性
    a!.value;  // 编译通过，如果运行时a的值非空，可以访问到a的属性；如果运行时a的值为空，则发生运行时异常
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.

class Person {
    //...
    nick: string | null = null;
    getNick(): string {
        return this.nick ?? '';
    }
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.

class Person {
    nick: string | null = null;
    spouse?: Person;

    setSpouse(spouse: Person): void {
        this.spouse = spouse;
    }

    getSpouseNick(): string | null | undefined {
        return this.spouse?.nick;
    }

    constructor(nick: string) {
        this.nick = nick;
        this.spouse = undefined;
    }
}

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.