在前端开发中，我们经常使用 Babel 来将 ES6 代码转换成 ES5 代码，以便兼容更多的浏览器。然而，在将 ES6 代码转换成 ES5 代码的过程中，可能会遇到 "TypeError: 'undefined' is not a function" 错误，这个错误通常出现在将一些 ES6 语法转换成 ES5 语法的时候。
错误示例
下面是一个简单的 ES6 代码：
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
--------- -
--------------- ---- -- ---------------
-
-
----- ------ - --- ---------------
-----------------使用 Babel 将其转换成 ES5 代码后：
-- -------------------- ---- ------- ---- -------- -------- ------------------------- ------------ - -- ----------- ---------- ------------- - ----- --- ----------------- ---- - ----- -- - ----------- - - --- ------ - -------- ------------ - --------------------- -------- --------- - ----- -- ------------------------ - -------- -- - --------------- ---- -- - - ----------- -- --- ------ - --- --------------- -----------------
在使用 IE9 浏览器运行转换后的代码时，可能会遇到以下错误：
TypeError: 'undefined' is not a function
这个错误通常出现在使用了一些 ES6 的语法，例如箭头函数、模板字符串等等。
解决方案
解决这个问题的方法很简单，只需要在转换 ES6 代码时，将一些 ES6 的语法转换成 ES5 的语法即可。下面是一些可能会出现问题的语法以及对应的转换方法：
箭头函数
ES6 中的箭头函数可以简化函数的定义方式，但是在 IE9 中并不支持，需要将箭头函数转换成普通的函数表达式。例如：
// ES6
const sum = (a, b) => a + b;
// ES5
var sum = function(a, b) {
return a + b;
};模板字符串
ES6 中的模板字符串可以方便地拼接字符串，但是在 IE9 中也不支持，需要将模板字符串转换成普通的字符串拼接。例如：
// ES6
const name = 'Jack';
console.log(`My name is ${name}`);
// ES5
var name = 'Jack';
console.log('My name is ' + name);let 和 const
ES6 中的 let 和 const 关键字可以用来定义块级作用域的变量，但是在 IE9 中也不支持，需要将它们转换成 var 关键字。例如：
// ES6 let name = 'Jack'; const age = 18; // ES5 var name = 'Jack'; var age = 18;
Promise
ES6 中的 Promise 可以方便地处理异步操作，但是在 IE9 中也不支持，需要使用一些 polyfill 或者手写 Promise 的实现来解决。例如：
-- -------------------- ---- ------- -- --- ----- ------- - --- ----------------- ------- -- - -- ---- --- -- --- --- ------- - --- ------------------------- ------- - -- ---- ---
结论
在使用 Babel 将 ES6 代码转换成 ES5 代码时，需要注意一些 ES6 的语法在 IE9 中可能不支持，需要将它们转换成 ES5 的语法。通过上面的示例，我们可以看到一些常见的 ES6 语法以及对应的转换方法。在实际开发中，我们需要根据具体的情况来选择合适的转换方法，以确保代码能够在更多的浏览器中运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/676234a3856ee0c1d4fe4bcb