JavaScript TypeError - “X” 是(不是)“Y”

JavaScript TypeError通常在类型检查上引起，表示变量的类型与期望类型不匹配，或者变量未定义。

常见的TypeError

以下是一些常见的JavaScript TypeError：

• undefined is not a function - 当尝试在未定义的变量上调用函数时，会发生此错误。
• Cannot read property 'X' of undefined - 当尝试从未定义的变量或空对象中读取属性时，会发生此错误。X表示具体的属性名。
• X is not a function - 当尝试调用非函数的变量时，会发生此错误。X表示具体的变量名。
• X is not defined - 当尝试使用未定义的变量或函数时，会发生此错误。X表示具体的变量名或函数名。
• X is not iterable - 当尝试对不可迭代的对象使用for..of循环时，会发生此错误。X表示具体的对象名。

解决JavaScript TypeError

解决JavaScript TypeError需要我们检查以下几点：

1. 变量是否已定义
2. 变量的类型是否正确
3. 对象是否为空
4. 函数是否已声明

以下是一些解决JavaScript TypeError的示例：

1. 变量是否已定义

如果变量未定义，尝试在其上调用函数将导致undefined is not a function错误。确保变量先被定义再调用它。

let x;
x(); // TypeError: undefined is not a function

更正方法：

let x = function(){
    console.log("Hello World!");
}
x(); // 输出：Hello World!

2. 变量的类型是否正确

当变量的类型与期望类型不匹配时，会导致TypeError。例如，尝试将字符串分配给数字变量将产生以下错误：Cannot assign string to number.

let num = 10;
num = "hello"; // TypeError: Cannot assign string to number

更正方法：

let num = 10;
num = 20; 
console.log(num); // 输出：20

3. 对象是否为空

当尝试从未定义的变量或空对象中读取属性时，会产生Cannot read property 'X' of undefined错误。确保定义对象并将属性设置为值。

let obj;
console.log(obj.name); // TypeError: Cannot read property 'name' of undefined

更正方法：

let obj = {name: "John"};
console.log(obj.name); // 输出：John

4. 函数是否已声明

当尝试调用未声明的函数时会产生X is not a function错误。确保函数声明在调用之前。

sayHello(); // TypeError: sayHello is not a function
function sayHi(){
    console.log("Hi!");
}

更正方法：

function sayHello(){
    console.log("Hello!");
}
sayHello(); // 输出：Hello!

5. 对象是否可迭代

当循环不可迭代的对象时，会产生X is not iterable错误。确保对象是可迭代的。

let obj = {name: "John"};
for(let x of obj){
    console.log(x);
}
// TypeError: obj is not iterable

更正方法：

let obj = [1, 2, 3];
for(let x of obj){
    console.log(x);
}
// 输出：1 2 3

结论

在JavaScript开发中，处理TypeError时需要注意细节。检查变量是否已定义，变量的类型是否正确，对象是否为空，函数是否已声明，对象是否可迭代。通过这些示例，你现在应该明白如何诊断和解决常见的TypeError错误。