js为空或不是对象问题的快速解决方法

这里是针对"js为空或不是对象问题的快速解决方法”的完整攻略。

背景分析

在开发JavaScript应用时，我们经常会遇到以下两种错误：

• Uncaught TypeError: Cannot read property 'xxx' of undefined

当我们使用某个对象属性时，出现了该错误，意味着该属性所属的对象没有被定义或为空。

• Uncaught TypeError: xxx is not a function

当我们调用某个函数时，出现了该错误，意味着该函数没有被定义或为空。

这些错误往往暗示我们在代码中可能存在"js为空或不是对象问题"。

解决方案

1. 使用 && 合并表达式

在使用对象属性时，务必先判断对象是否为意料之中的存在。可以使用逻辑与（&&）操作符来实现，当对象存在时，再去调用对象属性。

示例代码：

let person = {
    name: 'John',
    age: 30
};

let country = person && person.country && person.country.name;
console.log(country); // undefined

在上述示例中，即使country属性不存在，也不会出现Cannot read property 'name' of undefined错误。

2. 使用 typeof 操作符检测对象是否存在

当我们调用某个函数时，我们可以用"typeof obj === 'function'"来判断此 obj 是否为函数，从而避免 "xxx is not a function" 的错误。

示例代码：

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

foo(); // 运行正常，因为bar是 undefined
foo('hello world'); // 报错，因为bar不是函数
foo(() => { console.log('hello world') }); // 运行正常，因为bar是函数

在上述示例中，我们先判断传入的参数 bar 是否是函数，再去调用 bar 函数，这样可以解决不能够调用非函数的问题。

结论

在使用 JavaScript 时，合理使用 && 合并表达式和 typeof 操作符可以有效地避免因"js为空或不是对象问题"所导致的错误。