Typescript是否支持？運營商？ （而且，什麼是它叫什麼名字？）目前

Question

不打字稿（或者是否有計劃）支持?.

即safe navigation操作：

var thing = foo?.bar 
// same as: 
var thing = (foo) ? foo.bar : null; 

此外，有沒有一種比較常見的名字爲這個操作符（這對谷歌來說非常困難）。

Answer 1

我無法在TypeScript language specification中找到任何提及。至於在CoffeeScript中調用這個操作符的內容，它叫做存在操作符（具體來說，是存在操作符的「訪問器變體」）。

從CoffeeScript's documentation on Operators：

的存在操作者?.的存取變體可以用於在屬性鏈以吸收空引用。在基值可能是null或undefined的情況下，使用它代替點訪問器.。

因此，存在操作的訪問變種似乎是指此操作的正確方法;而TypeScript目前似乎不支持它（儘管others have expressed a desire for this functionality）。

Answer 2

這是在ECMAScript可選鏈規範中定義的，所以我們在討論這個時可能應該參考可選鏈。可能實現：

const result = a?.b?.c; 

長和短這一個的是，打字稿團隊正在等待ECMAScript規範得到收緊，因此其實施可以是非打破的未來。如果他們現在實現了某些東西，那麼如果ECMAScript重新定義了它們的規範，它將最終需要進行重大更改。

見Optional Chaining Specification

如果事情是永遠不會是標準的JavaScript，打字稿團隊可以實現，因爲他們認爲合適的，但對於未來的ECMAScript的增加，他們希望保留即使他們給語義早期訪問，因爲他們有很多其他功能。

走捷徑

因此，所有的JavaScript時髦的運營商可供選擇，包括類型轉換的，如...

var n: number = +myString; // convert to number 
var b: bool = !!myString; // convert to bool 

手動解決方案

但是，回到這個問題。我有一個關於如何在JavaScript中做類似的事情（因此TypeScript）的例子，儘管我絕對不會認爲它是一個非常優雅的特性。

(foo||{}).bar; 

所以，如果foo是undefined結果是undefined如果foo被定義並有一個名爲bar具有價值的財產，結果是價值。我想把example on JSFiddle。

對於更長的例子，這看起來很粗略。

var postCode = ((person||{}).address||{}).postcode; 

鏈功能

如果你是拼死一較短的版本，而規範仍然在空中，我在某些情況下，使用此方法。它評估表達式，並返回一個默認值，如果鏈不能滿足或結束null/undefined（注意!=在這裏很重要，我們不要想要使用!==，因爲我們希望在這裏有一些積極的雜耍） 。 ？

function chain<T>(exp:() => T, d: T) { 
    try { 
     let val = exp(); 
     if (val != null) { 
      return val; 
     } 
    } catch { } 
    return d; 
} 

let obj1: { a?: { b?: string }} = { 
    a: { 
     b: 'c' 
    } 
}; 

// 'c' 
console.log(chain(() => obj1.a.b, 'Nothing')); 

obj1 = { 
    a: {} 
}; 

// 'Nothing' 
console.log(chain(() => obj1.a.b, 'Nothing')); 

obj1 = {}; 

// 'Nothing' 
console.log(chain(() => obj1.a.b, 'Nothing')); 

obj1 = null; 

// 'Nothing' 
console.log(chain(() => obj1.a.b, 'Nothing')); 

Answer 3

不一樣好作爲一個單一的，但它的工作原理：

var thing = foo && foo.bar || null; 

您可以使用盡可能多的& &，只要你喜歡：

var thing = foo && foo.bar && foo.bar.check && foo.bar.check.x || null; 

Answer 4

有一個開放的功能要求在github上你可以發表你的意見/願望：https://github.com/Microsoft/TypeScript/issues/16

Answer 5

編輯：我已經更新了答案，感謝fracz評論。

打字稿2.0發佈!.這是不一樣的?.（安全Navigator在C＃）

看到這個答案的詳細信息：

https://stackoverflow.com/a/38875179/1057052

這隻會告訴編譯器，這個值是不爲空或未定義。這將而不是檢查值是否爲空或未定義。

TypeScript Non-null assertion operator

// Compiled with --strictNullChecks 
function validateEntity(e?: Entity) { 
    // Throw exception if e is null or invalid entity 
} 

function processEntity(e?: Entity) { 
    validateEntity(e); 
    let s = e!.name; // Assert that e is non-null and access name 
} 

Answer 6

只要我找不到這樣的打字稿， 我用下面的函數的任何信息：

export function o<T>(someObject: T, defaultValue: T = {} as T) : T { 
    if (typeof someObject === 'undefined' || someObject === null) 
     return defaultValue; 
    else 
     return someObject; 
} 

用法如下：

o(o(o(o(test).level1).level2).level3 

加，你可以設置一個默認值：

o(o(o(o(o(test).level1).level2).level3, "none") 

它適用於Visual Studio中的IntelliSense。

Answer 7

我們對Phonetradr工作時，可以給你用的打字稿類型安全的接入到深的屬性創建此util的方法：

/** 
 
* Type-safe access of deep property of an object 
 
* 
 
* @param obj     Object to get deep property 
 
* @param unsafeDataOperation Function that returns the deep property 
 
* @param valueIfFail   Value to return in case if there is no such property 
 
*/ 
 
export function getInSafe<O,T>(obj: O, unsafeDataOperation: (x: O) => T, valueIfFail?: any) : T { 
 
    try { 
 
     return unsafeDataOperation(obj) 
 
    } catch (error) { 
 
     return valueIfFail; 
 
    } 
 
} 
 

 
//Example usage: 
 
getInSafe(sellTicket, x => x.phoneDetails.imeiNumber, ''); 
 

 
//Example from above 
 
getInSafe(foo, x => x.bar.check, null);