如何确保浏览器能够支持 {get X() {}}

发布于 2024-11-03 02:43:59 字数 415 浏览 3 评论 0原文

我拒绝使用 __defineProperty__ 而是更喜欢替代语法 {get X() {}}

但这在 IE 上不起作用。

除了浏览器检测之外，我可以检测浏览器支持较新语法的最佳方法是什么？

编辑：好吧，实际上我并没有尝试特别检测 IE，而是将那些“不支持 get X(){} 语法的浏览器”重定向到 notsupported.html。我相信有某种方法可以做到这一点，并且正在努力解决它，但万一有人之前已经遇到过这个问题并有解决方案。

编辑2：顺便说一句，这并不意味着没有人（除了我之外）使用 < strong>get X(){} 语法，因为并非所有浏览器都支持该语法（或者尚未得到 5 个主要浏览器的支持）？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

归属感 2024-11-10 02:43:59

正如其他人所指出的，您不能强迫较旧的（当前的！）浏览器接受较新的语法。您会如何处理浏览器检测？对于旧浏览器使用旧语法，否则使用新语法？那么你就需要把同样的代码写两次。

确定您需要支持的一组浏览器，确定它们可以向您保证哪些功能，然后限制自己使用这些功能。这就是网络开发的工作原理。

回复收藏 0 原文

装迷糊 2024-11-10 02:43:59

您想要使用不常用的 ES5 功能。

您想要使用常见 JavaScript 解释器无法识别的语法。

没有办法模仿它。

我建议您只使用

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

如果您检查基准。然后你会发现使用 ES5 慢了 15 倍。坚持使用 ES3 即可。

您对此无能为力，因为无法在 IE8 中模拟 getter。

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.

回复收藏 0 原文

楠木可依 2024-11-10 02:43:59

试试这个：

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

Try this:

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

回复收藏 0 原文

~没有更多了~