Définir getter/setter sur un objet existant avec TypeScript

Question

Comment écrire le code suivant en utilisant TypeScript?

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

Merci d'avance!

(P.S. cela suppose document existe, mais document.cookie ne ...)

Answer 1

Vous pouvez utiliser Object.defineProperty afin de le faire.

Vous devrez également modifier l'interface d'objet existante afin que le compilateur sache que vous l'avez également ajouté.

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); 

Vous pouvez voir un exemple de travail here.