活字体：ヌル

Question

のプロパティ「LONG_NAME」を読み取ることができない私は自分のコードの下TypeScript official documentation.に示すようNon-null assertion operatorを使用しようとしました：

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

非ヌルアサーションオペレータのみtypescriptですで使用され、それがコンパイル処理に耐えられないし、存在しないんjsコード内にあります。ドキュメントに記載されているとおり：

！ null以外のアサーション演算子は単に

この演算子は、実際にそれがnullではない前に、何のことをチェックしません発せられる JavaScriptコードで削除され、それはあなたがしているコンパイラに指示するためだけの方法ですたとえコンパイラがそれ自体を推論できなくても、nullでないことを確かめてください。

このコードを実行すると明らかにstreetNumberComponentはnullです。