Javascript getters/setters in IE?

Question

For whatever reason, Javascript getters/setters for custom objects seem to work with any browser but IE.

Does IE have any other non-standard mechanism for this? (As with many other features)

If not, are there any workarounds to achieve the same functionality?

ie9 and ie10 support this now: http://kangax.github.com/es5-compat-table/ — Ed Sykes, May 30 '12 at 15:59
They're supported on on object literals, but not object prototypes in IE :(. http://robertnyman.com/javascript/javascript-getters-setters.html#regular-getters-and-setters — roguenet, Jan 15 '13 at 19:21

score 8 · Answer 1 · edited Jul 02 '09 at 23:09

8

IE8 has it through defineProperty, but only for DOM objects. But supposedly, it'll eventually come for JavaScript objects as well.

edited Jul 02 '09 at 23:09

Shog9

156,901
35
231
235

answered Jul 02 '09 at 23:05

Nosredna

83,000
15
95
122

4

Eventually? So we'll see it in IE 10? ;) – Sasha Chedygov Jul 02 '09 at 23:07
Interesting - i wasn't aware that this had been added! @musicfreak: you and your sunny optimism... – Shog9 Jul 02 '09 at 23:10
27

We may see it in IE10, but we'll still be coding for IE6. – Nosredna Jul 02 '09 at 23:25

score 5 · Answer 2 · edited Aug 16 '16 at 18:12

Resig's post references his env.js implementation being the first time he uses the getters and setters methodology you are looking for. The reason this style of works fine for him is because they are not being used in a browser based environment, env.js is focused primarily for server-side JS or scripting environments like Rhino.

To handle browser compatibility as well as focusing on an aspect that JavaScript does very well, use closures for your getter and setter methods to protect object properties.

For example:

foo: function(val) {
     var bar = val;
     this.setBar: function(newBar) { 
         bar = newBar;
     },
     this.getBar: function() {
         return bar;
     }
}

Which will result in:

var checkFoo = foo("cool!");
alert(checkFoo.getBar()); //cool!
checkFoo.setBar("nice!");
alert(checkFoo.getBar()); //nice!

is this still good advice 3 years later? Looking at this compatibility table seems like support in ie is better: http://kangax.github.com/es5-compat-table/ — Ed Sykes, May 30 '12 at 15:57

score 3 · Answer 3 · answered Jun 06 '12 at 15:04

A solution for IE6+ is available that uses the onpropertychange event and the newer spec defineProperty. The slight catch is that you'll need to make your variable a dom object.

Full details:

http://johndyer.name/native-browser-get-set-properties-in-javascript/

score 1 · Answer 4 · answered Sep 08 '14 at 11:15

1

For old IE browsers you can also use VB to emulate getter and setter Take a look at this getters & setters for all IE with cross browser VBClass!

answered Sep 08 '14 at 11:15

Michael Tsyganov

21
2

You might want to add the core detail of the link you've provided. As it (your response) stands, although correct, should the url you are linking to become unavailable your it will become less helpful. – talegna Sep 08 '14 at 11:23

Javascript getters/setters in IE?

4 Answers4

Linked