void 0 与 undefined的区别

想知道下面这段代码会被编译成什么吗

const a = {
  b: {
    c: {
      d: 1,
    },
  },
}
console.log(a?.b?.c?.d)

就是下面这段代码，看到没有，仅仅多了一个?将长篇大论的三元表达式交给编译器去处理了，但是中间的void 0是什么意思。

var n={b:{c:{d:1}}};
console.log(null==n?void 0:null===(t=n.b)||void 0===t?void 0:null===(e=t.c)||void 0===e?void 0:e.d)

因为 void 0 返回的是undefined，为什么要这样做呢？

1. undefined可以被重写
   undefined 在 ES5 中已经是全局对象的一个只读（read-only）属性了，它不能被重写。但是在局部作用域中，还是可以被重写的。

(function() {
  var undefined = 10;
 
  // 10 -- chrome
  alert(undefined);
})();
 
(function() {
  undefined = 10;
 
  // undefined -- chrome
  alert(undefined);
})();

2. 为什么选择void 0 作为undefined的替代
   MDN中对void有这么一段说明：

The void operator evaluates the given expression and then returns undefined.

void 运算符能对给定的表达式进行求值，然后返回 undefined。也就是说，void后面你随便跟上一个表达式，返回的都是 undefined，如 void (2), void (‘hello’)。并且void是不能被重写的。但为什么是void 0 呢，void 0 是表达式中最短的。用 void 0 代替 undefined 能节省字节。不少 JavaScript 压缩工具在压缩过程中，正是将 undefined 用 void 0 代替掉了。
————————————————

链接：https://blog.csdn.net/juzipchy/article/details/86367565