Typescript：檢查變量是否為空與檢查變量是否有值有什么區別？

Question

我正在向我的代碼添加驗證，並且為了提高可讀性，寫了以下內容：

  if (!uid) {
    return {result: 0, message: 'You are not authorized.'}
  }

另一種方法是檢查變量是否存在：

  if (uid) {
    //do some code
  }

但是，如果我有很多不同的變量要驗證，我不喜歡像這樣嵌套它們：

  if (uid) {
     if (otherVar) {
        //do some code 
     } else {
        //else code 1
     }
  } else {
     //else code 2
  }

做方法1和方法2有什么區別嗎？

Answer 1

答案：

• 方法 1僅檢查該變量中的值。 如果一個值存在/評估為true ，那么它將返回true 。
• 方法 2在您完成第一次檢查后檢查變量並返回true 。

我的意見，你實際上不必那樣做。 相反，您可以使用可選的鏈接運算符來在 object 內部進行安全檢查。 例如：

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah'
  }
};

const dogName = adventurer.dog?.name; // notice the usage of '?'
console.log(dogName); // will return 'undefined' as 'dog' object does not exist in that object.

引用 MDN 文檔：

這？。 運算符的功能類似於。 鏈接運算符，除了如果引用為空（null 或未定義）時不會導致錯誤，表達式會短路並返回未定義的值。 當與 function 調用一起使用時，如果給定的 function 不存在，則返回 undefined。

從那里，您可以使用可選鏈接來簡化嵌套塊 - 就像使用全局錯誤處理程序一樣。

const result = uid?.otherVar?; // imagine 'otherVar' does not exist!

if (!result) return handleResult();

進一步閱讀：

• 來自 MDN Docs 的可選鏈接
• 如果值為 false，則 Nullish 合並運算符返回 null，來自 MDN Docs