Javascript:对 Object.defineProperties 函数感到困惑

Question

这个问题已经有答案了:

Self-references in object literals / initializers (31 个回答)

已关闭 9 年前。

这就是我使用Object.defineProperties的方式生成一个对象:

var obj = {
    t3: 3,
    t1: Object.defineProperties({}, {
        getT3: {
            value: function () {
                console.log(this.t3);
            }
        },
        t2: {
            value: this.t3
        },
        t3: {
            value: 4
        }
    })
}

现在我想打印 obj.t1.t2值:console.log(obj.t1.t2) ，但返回结果是undefined

但我可以使用 obj.t1.getT3()方法获取obj.t1.t3的值；

为什么 t3分配给t2不适用于Object.defineProperties ？

演示在这里:http://jsfiddle.net/HrLLQ/

Answer 1

这里的问题是关于 this元素。

当您调用.defineProperties()时，this元素不是指您所在的对象，也不是它的父对象或其他对象，而是指 this函数的元素 defineProperties ，实际上是window 。

这是一个例子:

var foo = { bar: 10, b: { c: this, d: this.bar } }
console.log(foo.b.d); // logs undefinded, because the window object has no attribute .bar
console.log(foo.b.c); // logs the window object

function x() { y = this }
x();
console.log(y); // also logs the window object

要使其正常工作，您必须定义 .t2属性作为函数，例如:

function() { return this.t3 }

因此，一旦对象被创建，它的 this元素将是 obj ，和obj.t1.t2()将返回obj.t3 (实际上是 3)。