Express.js 报错：TypeError：无法将 null 定义为对象

前言

在使用 Express.js 进行开发时，我们可能会遇到一些报错，其中之一就是 TypeError: Cannot set property 'xxx' of null。这个错误通常是由于在代码中使用了 null 值作为对象，导致无法设置其属性而引起的。本文将详细介绍这个问题的原因和解决方法，并提供示例代码供大家参考。

问题分析

在 Express.js 中，我们通常会使用对象来存储一些数据，例如：

const data = {
  name: 'John',
  age: 25,
  address: {
    city: 'New York',
    country: 'USA'
  }
};

然后，我们可以使用 data 对象的属性来获取或设置数据：

console.log(data.name); // John

data.age = 26;
console.log(data.age); // 26

data.address.city = 'Los Angeles';
console.log(data.address.city); // Los Angeles

但是，如果我们在使用对象时不小心将其赋值为 null，就会出现 TypeError: Cannot set property 'xxx' of null 的报错：

const data = null;
data.name = 'John'; // TypeError: Cannot set property 'name' of null

这是因为 null 值不是一个对象，无法设置其属性。因此，我们需要确保对象不为空才能安全地使用其属性。

解决方法

要解决这个问题，我们需要检查代码中是否存在 null 值，如果存在，就需要将其替换为一个空对象或其他合适的值。

例如，如果我们想要创建一个空的对象，可以使用以下代码：

const data = {};
data.name = 'John';

如果我们希望在对象为空时使用默认值，可以使用以下代码：

// www.javascriptcn.com code example
const data = null;
const defaultData = {
  name: 'Unknown',
  age: 0,
  address: {
    city: '',
    country: ''
  }
};

const newData = data || defaultData;
console.log(newData.name); // Unknown

在这个例子中，如果 data 为空，就会使用 defaultData 的值来初始化 newData。

示例代码

以下是一个使用 Express.js 的示例代码，其中包含了一个可能会出现 TypeError 的问题：

// www.javascriptcn.com code example
const express = require('express');
const app = express();

let user = null;

app.get('/user', (req, res) => {
  res.send(user.name); // TypeError: Cannot read property 'name' of null
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在这个例子中，如果 user 为空，就会导致 TypeError: Cannot read property 'name' of null 的报错。为了避免这个问题，我们可以在代码中添加一个检查：

// www.javascriptcn.com code example
const express = require('express');
const app = express();

let user = null;

app.get('/user', (req, res) => {
  if (!user) {
    res.send('User not found');
  } else {
    res.send(user.name);
  }
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在这个例子中，如果 user 为空，就会返回一条错误消息，而不是抛出一个异常。这样可以使我们的代码更加健壮和安全。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d2a383a941bf7134512ae2