how to ensure the browser can support **{get X() {}}**

i refuse to use __defineProperty__ and instead prefer the alternative syntax {get X() {}}

However this will not work on IE.

Aside from browser detection, what is the best way i can detect that a browser supports the newer syntax?

Edit: ok actually im not trying to detect IE in particular but redirect those "browsers that do not support get X(){} syntax" to notsupported.html. I believe that there's some way to do it and am working on it but in case someone already has this problem before and had a solution..

Edit 2: btw doesn't that mean that no one (erm other than me) uses the get X()开发者_如何学C{} syntax since its not supported by all (or not supported by the 5 major browsers yet) ?

As others have noted, you cannot force older (current!) browsers to accept newer syntax. And what would you do with browser detection? Use the old syntax for the old browsers and new syntax otherwise? Then you're writing the same code twice.

Decide on a set of browsers you need to support, determine what features they can all guarantee to you, then limit yourself to those features. That's how web development works.

You want to use an ES5 feature that is not commonly implemented.

You want to use syntax that common javascript interpreters cannot recognise.

There is no way to emulate it.

I recommend you just use

{
    getX: function() { ... }
}

If you check the benchmark. Then you'll see using ES5 is 15 times slower. Just stick with ES3.

There is little you can do about this as there is no way to emulate getters in IE8.

Try this:

function browserSupportsGetterAndSetterSyntax() {
  try {
    return eval('({ get x() { return 3; }}).x') == 3;
  } catch (e) {
    return false;
  }
}