如果用js实现a变量为undefined,但是a.b.c的值为1?

Question

有没有什么办法可以做到如下
console.log(a); // undefined
console.log(a.b); // undefined
console.log(a.b.c); // 1

Answer 1

可能不符合题意，但是确实是 undefined

const a = "undefined";

Object.defineProperties(String.prototype, {
  b: { value: "undefined" },
  c: { value: 1 },
});

console.log(a);     // undefined
console.log(a.b);   // undefined
console.log(a.b.c); // 1

补充，undefined 不是对象，而 Object.defineProperty 和 Proxy 都只能用于对象，所以如果 a 真是 undefined 是不可能实现的；

如果自定义一个对象，让 console.log 输出这个对象的时候打印 undefined，不同浏览器的 console.log 实现不同，而且不一定会调用 toString() 或者 valueOf()：

Console API in FF calls toString() on the argument only if the argument type is not one of { undefined, null, object, set, map } types. It doesn't always call toString() or valueOf() methods.

Answer 2

let i = 0
let a1 = {}
let b2 = {}
Object.defineProperty(window, 'a', {
  get (val) {
    i++
    if (i === 1) {
      Object.defineProperty(a1, 'b', {
        get () {
          if (i === 2) {
            Object.defineProperty(b2, 'c', {
              get () {
                return 1
              }
            })
          }
          return i === 2 ? undefined : b2
        }
      })
    }
    return i === 1 ? undefined : a1
  },
  set () { }
})

console.log(a)
console.log(a.b)
console.log(a.b.c)

纯属应付

Answer 3

const a = {
    b: {
        c: {
            v: 1
        },
        v: undefined
    },
    v: undefined
}
const bp = console.log;
console.log = v => bp(v.v)

console.log(a); // undefined
console.log(a.b); // undefined
console.log(a.b.c); // 1

Answer 4

做不了，没办法知道调用者的后续取值

Answer 5

如果undefined是指"undefined", 可以的, 一楼的方法就行了, 但是如果是指数据类型undefined, 不行的, 这违反JS语法了: