为何TypeScript未将Array.prototype.with降级至ES6兼容版本？

核心原因：TypeScript的target不负责API降级 #

TypeScript的target配置仅处理语法层面的降级（比如把箭头函数转成ES5的function、let/const转成var），但不会对ES6之后新增的内置API（比如Array.prototype.with）进行转译或polyfill。

Array.prototype.with是ES2022才加入的特性，ES6（ES2015）规范里根本没有这个方法，所以即便你把target设为es6，TypeScript也不会自动帮你把这个方法转成ES6兼容的代码。

另外你的配置里noEmit: true，说明你实际是用Vite、Webpack这类构建工具来处理代码输出，TypeScript只做类型检查，这时候API降级的工作完全由构建工具和polyfill方案负责。

额外配置影响 #

你配置里的lib: ["esnext"]只是让TypeScript能识别这些新API的类型，避免类型报错，但不会对代码转译产生任何影响。

解决方法 #

要让Array.prototype.with在Chrome 109这类旧浏览器中正常运行，需要通过polyfill来补充这个方法：

• 安装core-js（目前最常用的polyfill库）：

  npm install core-js
  

• 根据你的构建工具配置polyfill：
  • 如果用Vite：在vite.config.ts中设置build.target: 'chrome109'，并确保@vitejs/plugin-legacy已配置（如果需要兼容更旧浏览器），Vite会自动按需注入所需的polyfill。
  • 如果用Webpack：配合babel-loader和@babel/preset-env，在Babel配置中设置useBuiltIns: 'usage'和corejs: 3，这样Babel会自动检测代码中用到的新API并注入对应的polyfill。
• 也可以手动在项目入口处全局引入polyfill：

  import 'core-js/features/array/with';
  

内容的提问来源于stack exchange，提问作者graycodes