javascript - Bundle.js 文件中的 Babel 输出未正确输出

Question

我花了几个小时试图弄清楚 Babel 到底发生了什么。它没有输出任何接近它应该输出的东西。

此处显示:https://babeljs.io/repl/#?babili=false&browsers=&build=&builtIns=false&code_lz=G4QwTgBAdiC2CmAhArgSwDYBN6QLwQDNkoBjAF1QHsoAKA1MAZzIDk55cAiAKUoAsonADQR0IZmwRcAIpXicAlBADeAKBLVGldPAB06SgHM6DCewgBqCJ2uXR41uwUBuVQF9XqmAhQZsYGhcgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=

我可以提供您推断解决方案可能需要的任何上下文/文件。谢谢。

示例 script.js 函数:

var nameBuilder = function(firstName="John", lastName="Doe") {
console.log(firstName + " " + lastName);
};

nameBuilder();

Babel 输出(来自一个代码块，所以我没有缩进):

!function(e){var n={};function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l :!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.m=e,t.c=n,t.d= function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{可配置:!1,可枚举:!0,get:o})},t.r=function(e){ Object.defineProperty(e,"__esModule",{value:!0})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e} ;返回 t.d(n,"a",n),n},t.o=function(e,n){返回 Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=1 )}([function(e,n,t){"使用严格";!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"John",n =arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Doe";console.log(e+""+n)}()},function(e,n,t){e.导出=t(0)}]);

Answer 1

这实际上并没有错，Babel 是一个 traspiler，它使程序员能够在可能尚未实现的平台上使用较新的 JavaScript 功能(例如示例中的默认参数)。在此示例中，Babel 重写了您的函数，将 undefined 替换为您的默认参数，以便与尚未实现默认参数的平台配合使用。

以下是兼容性表，供引用:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters#Browser_compatibility