使用TypeScript在现有对象上定义getter / setter

Question

如何使用TypeScript编写以下代码？

document.__defineGetter__('cookie', function() { ... });
document.__defineSetter__('cookie', function(v) { ... });

提前致谢！

（p.s。这假设document存在，但document.cookie不存在......）

Answer 1

您可以使用 Object.defineProperty 来执行此操作。

您还必须修改现有的对象接口，以便编译器知道您也添加了它。

interface Document {
    cake: string
}

Object.defineProperty(document, 'cake', {
    get: function () {
        return this.id + 'a';
    },
    set: function (value) {
        this.id = value;
    }
});


console.log(document.cake);

document.cake = 'abc';

console.log(document.cake);

您可以看到一个有效的例子here。