TypeError: "x" is not a function

信息

TypeError: Object doesn't support property or method {x} (Edge) TypeError: "x" is not a function

错误类型

TypeError

哪里出错了？

问题出在你试图去调用一个像函数一样的值，但是该值实际上不是函数，有时候你的代码需要调用一些函数，但是那种值并不能当作函数来被调用。

也许函数名称上有错别字？也许你正在调用 Object 对象没有这个方法？例如，在 JavaScript 中单纯的对象 (Object) 没有map函数，但是 JavaScript 数组 (Array) 对象却有这个函数。

再比如，在 JavaScript 中很多原生对象的内置方法需要你提供一个（回调）函数。所以你必须提供一个函数，以使这些方法正常工作：

• 当你在使用 Array 或 TypedArray 对象时：

  • Array.prototype.every(), Array.prototype.some(), Array.prototype.forEach(), Array.prototype.map(), Array.prototype.filter(), Array.prototype.reduce(), Array.prototype.reduceRight(), Array.prototype.find()

• 当你在使用 Map 和 Set 对象时：

  • Map.prototype.forEach() and Set.prototype.forEach()

示例

函数的名称错误

函数的名称拼写错误，这种情况是经常发生的：

正确的方法名应该是 getElementById：

调用 Object 类型中不存在的方法

对于某些特殊的方法，它只属于某些特定的原生对象中，你必须提供一个回调函数才能正常运行。例如：这里调用了一个 Array.prototype.map() 方法，但是这方法只能被 Array 对象所调用。

正确的做法，使用一个数组来代替：

函数与已有属性重名

当你在创建类时，可能会存在某个属性和某个方法的名称相同，当你在调用该函数时，编译器会认为该函数不存在。

正确的做法是使用不同的变量名。

使用括号进行乘法运算

在数学中，你可以将 2 × (3 + 5) 写为 2*(3 + 5) 或者省略为 2(3 + 5).

使用后者时将会抛出错误：

你可以添加乘法运算符 * 来改正代码：

正确地导入和导出模块

确保正确导入模块。

以下为一个示例模块 (helpers.js)

let helpers = function () { }; helpers.groupBy = function (objectArray, property) { return objectArray.reduce(function (acc, obj) { var key = obj[property]; if (!acc[key]) { acc[key] = []; } acc[key].push(obj); return acc; }, {}); } export default helpers;

在 App.js中正确导入该模块：

import helpers from './helpers'

相关

• Functions