为什么我喜欢 JavaScript 可选链

相反，行使 ?. 会见影戏问题 movie?.title 没有任何意义。影戏工具不会是空的。

// Good 
function logMovie(movie) { 
  console.log(movie.director?.name); 
  console.log(movie.title); 
} 
 
// Bad 
function logMovie(movie) { 
  // director needs optional chaining 
  console.log(movie.director.name); 
 
  // movie doesn't need optional chaining 
  console.log(movie?.title); 
} 

6.2 凡是有更好的选择

以下函数 hasPadding() 接管具有可选 padding 属性的样式工具。 padding 具有可选的属性 left，top，right，bottom。

实行用可选链运算符：

function hasPadding({ padding }) { 
  const top = padding?.top ?? 0; 
  const right = padding?.right ?? 0; 
  const bottom = padding?.bottom ?? 0; 
  const left = padding?.left ?? 0; 
  return left + top + right + bottom !== 0; 
} 
 
hasPadding({ color: 'black' });        // => false 
hasPadding({ padding: { left: 0 } });  // => false 
hasPadding({ padding: { right: 10 }}); // => true 

固然函数可以正确地确定元素是否具有添补，可是为每个属性行使可选链是毫无须要的。

更好的要领是行使工具散布运算符将添补工具默以为零值：

function hasPadding({ padding }) { 
  const p = { 
    top: 0, 
    right: 0, 
    bottom: 0, 
    left: 0, 
    ...padding 
  }; 
  return p.top + p.left + p.right + p.bottom !== 0; 
} 
 
hasPadding({ color: 'black' });        // => false 
hasPadding({ padding: { left: 0 } });  // => false 
hasPadding({ padding: { right: 10 }}); // => true 

我以为这一版本的 hasPadding() 可读性更好。

7. 我为什么喜好它?

我喜好可选链运算符，由于它应承轻松地从嵌套工具中会见属性。它可以防备编写针对会见者链中每个属性会见器上的空值举办验证的样板代码。

当可选链与空值归并运算符团结行使时，可以获得更好的功效，从而更轻松地处理赏罚默认值。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!