Uncaught TypeError: (intermediate value)(...) is not a function

在前端开发过程中，常常会遇到一些错误提示信息。其中一个常见的错误是“Uncaught TypeError: (intermediate value)(...) is not a function”。这个错误提示信息通常出现在调用函数时，表示被调用的内容不是一个函数。本文将详细介绍这个错误的原因、解决方法，并给出一些示例代码。

错误原因

“Uncaught TypeError: (intermediate value)(...) is not a function”错误通常出现在以下两种情况下：

1. 调用的对象不是一个函数
2. 对象虽然是函数，但是没有正确地定义或者赋值

对象不是一个函数

如果我们试图调用一个不是函数的对象，就会出现这个错误提示。例如，我们在下面的代码中调用了一个数字：

var num = 123;
num();

此时会抛出“Uncaught TypeError: num is not a function”的错误。因为变量num并不是一个函数，不能被调用。

函数没有正确地定义或者赋值

另外一个常见的问题是函数没有正确地定义或者赋值。如果我们试图调用一个未定义的函数或者一个没有赋值的函数，同样会出现这个错误提示。例如，我们在下面的代码中尝试调用一个未定义的函数：

function foo() {
    bar();
}

foo();

此时会抛出“Uncaught TypeError: bar is not a function”的错误。因为函数bar并没有被定义。

另外一个常见的问题是我们尝试调用一个没有赋值的函数。例如，我们在下面的代码中尝试调用一个未赋值的函数：

var baz;

baz();

此时会抛出“Uncaught TypeError: baz is not a function”的错误。因为变量baz虽然声明了，但是并没有被赋值成一个函数。

解决方法

为了解决“Uncaught TypeError: (intermediate value)(...) is not a function”错误，我们需要找到问题所在，然后进行相应的修正。

对象不是一个函数

如果我们尝试调用一个不是函数的对象，那么我们需要检查一下这个对象是否正确地定义和赋值。如果对象本来就不是一个函数，那么我们需要确保在调用之前将其赋值为一个函数。

函数没有正确地定义或者赋值

如果我们尝试调用一个未定义的函数或者一个没有赋值的函数，那么我们需要确保该函数已经被正确定义和赋值。可以通过在函数定义和赋值之前添加一个检查语句来避免这个错误。例如，在调用函数bar之前，我们可以添加以下检查语句：

if (typeof bar === 'function') {
    bar();
}

另外，在调用未赋值的函数之前，我们需要确保该函数已经被赋值。例如，在调用函数baz之前，我们可以添加以下检查语句：

if (typeof baz === 'function') {
    baz();
} else {
    console.log('Function baz is not defined.');
}

示例代码

下面是一些示例代码，演示了如何避免“Uncaught TypeError: (intermediate value)(...) is not a function”错误。

示例 1：对象不是一个函数

-- -------------------- ---- -------
--- --- - ----

-- ------- --- --- ----------- -
    ------ -- -------
- ---- -
    --------------------- --- -- --- - ------------
-

--- - ---------- -
    ----------------- -- - ------------
--

-- ------- --- --- ----------- -
    ------ -- ---- -- - ---------
-

示例 2：函数没有正确地定义或者赋值

if (typeof bar === 'function') {
    bar(); //

> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/29393) ，转载请注明来源
[https://www.javascriptcn.com/post/29393](https://www.javascriptcn.com/post/29393)