js optional chaining operator

js optional chaining operator

js 可選鏈

可選鏈操作符( ?. )允許讀取位於連接對象鏈深處的屬性的值，而不必明確驗證鏈中的每個引用是否有效。
?. 操作符的功能類似於 . 鏈式操作符，不同之處在於，在引用爲空(nullish ) (null 或者 undefined) 的情況下不會引起錯誤，該表達式短路返回值是 undefined。
與函數調用一起使用時，如果給定的函數不存在，則返回 undefined。

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

console.log(adventurer.someNonExistentMethod?.());
// undefined

console.log(adventurer.cat?.name);
// undefined

console.log(adventurer.dog?.name);
// undefined

console.log(adventurer.dog.name);
// Error: Cannot read property 'name' of undefined

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining

demo

foo = {};
{}
foo.level1 = {};
{}
foo;
{level1: {…}}
foo.level1.level2 = {};
{}
foo.level1.level2.bar = 1;
1


const checkNested = (obj, level,  ...rest) => {
  if (obj === undefined) {
     return false;
  }
  
  if (rest.length === 0 && obj.hasOwnProperty(level)) {
    return true;
  }  
  return checkNested(obj[level], ...rest)
}

foo?.level1?.level2?.level3;
undefined
foo?.level1?.level2?.bar;
1
foo?.level1?.level2?.baz;
undefined
foo?.level1?.level2;
{bar: 1}

https://medium.com/javascript-in-plain-english/javascript-tips-listeners-sorting-and-nested-objects-a81a9755fe65

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 發佈文章使用：只允許註冊用戶纔可以訪問！

---