es2023新增的toReversed()方法可以用于vue项目吗?

作者站长头像
站长
· 阅读数 20

es2023新增的toReversed()方法可以用于vue项目吗?怎样判断es新增的方法能否使用?在安装babel插件的前提下,看官网谷歌浏览器好像只支持110版本以上

回复
1个回答
avatar
test
2024-07-04

最简单的方法,在你 index.html 头部引入

<script src="https://polyfill.alicdn.com/polyfill.min.js"></script>

这个是 阿里 的 polyfill 服务,会识别你的浏览器的 user-agent 然后生成这个浏览器缺失的 polyfill

或者也可以无脑使用全部的 polyfill

<script src="https://cdn.jsdelivr.net/npm/core-js-bundle@latest/minified.js"></script>

用字节的 cdn 也行,但是只能使用固定版本

<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/core-js/3.21.1/minified.min.js"></script>

除了 BigInt/Proxy 这类不能 polyfill 的底层 api 无法使用,绝大部分新 api 都可以使用

而 toReversed 本质只是一个简单函数,是可以被 polyfill 的,引入上面的脚本后直接就能用了

或者使用 vite 的 @vitejs/plugin-legacy 的 modernPolyfills

import legacy from '@vitejs/plugin-legacy'

export default {
  plugins: [
    legacy({
      renderLegacyChunks: false,
      modernPolyfills: true
    }),
  ],
}

这会识别你代码使用到的 api 然后引入对应的 polyfills

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容