Машинопись: не может прочитать свойство «параметра long_name» нулевых

Question

Я пытался использовать Non-null assertion operator, как показано на TypeScript official documentation. Ниже мой код:

let streetNumberComponent = this.getAddressComponent(addressComponents, 'street_number'); 
    address.streetNumber = streetNumberComponent!.long_name(); 

    ... 

    public getAddressComponent(addressComponents: Array<any>, type: string): any { 

     addressComponents.filter(component => { 
      let types : Array<string> = component.types; 
      if(_.includes(types, type)) { 
       return component; 
      } 
     }); 

     return null; 
    } 

Я ожидал, что свойство long_name() будет доступен только если streetNumberComponent не null. Но это не так, и я получаю:

TypeError: Cannot read property 'long_name' of null 

Обратите внимание, что следующий код работает правильно:

address.streetNumber = streetNumberComponent && streetNumberComponent.long_name(); 

---

Я использую:

• Машинопись: 2,0. 10
• Угловой: 2.3.1
• Угловой CLI: 1.0.0-beta.24

Answer 1

Оператору ненулевое утверждения используются только в машинописи, она не переживет процесс компиляции и нет в коде js. Как указано в документах:

the! непустой оператор утверждение просто удаляется в излучаемого кода JavaScript

Этот оператор не реально проверить, что, прежде чем он не является нулевым, это просто способ для вас, чтобы сообщить компилятору, что вы конечно, это не null, даже если компилятор не может сделать это сам.

Очевидно, что при запуске этого кода streetNumberComponent - null.