在前端开发中，Promise 是一种常用的异步编程解决方案。然而，在使用 Promise 时，有时会遇到 "TypeError: undefined is not a function" 的错误，这种错误会让开发人员感到非常困惑。本文将详细解答这个问题，并提供相应的学习和指导意义。
问题原因
"TypeError: undefined is not a function" 问题通常出现在 Promise 的链式调用过程中，例如以下代码：
promise.then(func1).then(func2).catch(err => console.log(err));
这段代码中，promise 是一个 Promise 实例，func1 和 func2 是两个回调函数。在这段代码中，当 Promise 实例的状态变为 resolve 时，将会依次执行 func1 和 func2。如果在这个过程中出现了 "TypeError: undefined is not a function" 的错误，通常是因为 func1 或 func2 返回了 undefined。
解决方法
为了解决 "TypeError: undefined is not a function" 问题，我们需要确保 Promise 的链式调用中的每个回调函数都有返回值。如果你不想返回任何值，可以返回 Promise.resolve()，例如：
promise.then(func1).then(() => Promise.resolve()).then(func2).catch(err => console.log(err));
这样，即使 func1 返回了 undefined，Promise 仍然可以正常地执行 func2。
示例代码
以下是一个示例代码，演示了如何通过 Promise.resolve() 解决 "TypeError: undefined is not a function" 问题：
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
resolve('Hello');
});
const func1 = (str) => {
console.log(str);
};
const func2 = () => {
console.log('World');
};
promise.then(func1).then(() => Promise.resolve()).then(func2).catch(err => console.log(err));在这个示例代码中，当 Promise 实例的状态变为 resolve 时，将会依次执行 func1 和 func2。如果 func1 返回 undefined，Promise.resolve() 将会返回一个 Promise 对象，确保了 func2 的正常执行。
总结
"TypeError: undefined is not a function" 问题是 Promise 中常见的一个错误，但是通过返回 Promise.resolve()，我们可以轻松地解决这个问题。在实际开发中，我们需要确保 Promise 的链式调用中的每个回调函数都有返回值，以确保代码的正常执行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6555cc59d2f5e1655d032562