Babel仅转译扩展运算符语法，不提供其依赖的API实现；需配合core-js按需注入polyfill。例如{...a}转为Object.assign({}, a)，若目标环境缺失Object.assign，则自动导入core-js/stable/object/assign。
Babel 本身不处理扩展运算符（...）的 polyfill 转换，它只负责语法转译；而扩展运算符涉及的运行时行为（比如数组/对象展开、剩余参数），是否需要 polyfill 取决于目标环境是否原生支持相关 API，不是语法问题。
具体来说，分两层看：
-
语法层面（Babel 负责）
扩展运算符是 ES2015+ 的语法特性。Babel 会把它转成等价的、低版本 JS 可执行的代码，例如：const arr = [...a, ...b];
→ 经
@babel/plugin-transform-spread（或由@babel/preset-env自动启用）转译为：const arr = [].concat(a, b);
同样，函数剩余参数：
立即学习“Java免费学习笔记（深入）”；
function sum(...nums) { return nums.reduce((a, b) => a + b); }→ 转译为：
function sum() { var nums = Array.prototype.slice.call(arguments); return nums.reduce(function (a, b) { return a + b; }); } -
运行时 API 层面（polyfill 负责，Babel 不自动提供）
上面转译后的代码依赖Array.prototype.concat、Array.prototype.slice、Array.prototype.reduce等方法。这些方法在 IE9+ 基本可用，但某些场景仍需补全，比如：-
Array.from（用于...new Set([1,2])或...document.querySelectorAll('div')） -
Array.prototype.values()/Symbol.iterator（迭代器协议，是展开运算符底层机制） -
Object.assign（对象展开{...obj}在旧环境可能被转成Object.assign({}, obj)，而Object.assign本身需 polyfill）
这些缺失的 API 需要靠
core-js（推荐）或旧版@babel/polyfill（已废弃）来补充。Babel 本身不内置这些实现，只是在配置了useBuiltIns: 'usage'且corejs: 3时，按需自动注入core-js/stable/xxx模块。例如：
const merged = { ...a, ...b };若目标浏览器不支持
Object.assign，且你配置了：{ "presets": [ ["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 3 }] ] }Babel 会在该文件顶部自动插入：
import "core-js/stable/object/assign";
这就是“按需 polyfill”的核心逻辑：不全局污染，只补当前文件实际用到的 API。
-
所以总结关键点：
- Babel 把
...语法转成老语法（如concat、slice、Object.assign），这一步靠插件完成； - 它不实现
concat、slice、Object.assign这些方法本身； - 如果目标环境缺少这些方法（如 IE11 缺
Object.assign，IE9 缺Array.prototype.indexOf），就需要core-js提供 polyfill； - 是否注入、注入哪些 polyfill，取决于
@babel/preset-env的useBuiltIns和corejs配置； - 最佳实践是：用
core-js@3+useBuiltIns: 'usage'，避免手动import 'core-js/stable'全量加载。
不复杂但容易忽略。
