JavaScript错误：输入掩码无法读取 null 的属性(读取“toString”)

当您在JavaScript代码中编写输入掩码时，您可能会遇到以下错误消息：

TypeError: Cannot read property 'toString' of null

这个错误消息通常是由一个空值引起的，而输入掩码试图将其转换为字符串形式。以下是几种可能导致此问题的情况：

1. 尝试将空值转换为字符串

var myVar = null;
console.log(myVar.toString());

在这种情况下，我们尝试将一个 null 值转换为字符串，因为 toString() 方法是一个 Object 的方法，当 myVar 值为 null 时，会发生错误。

2. 操作可能会返回空值

var myVar;
if (myVar.foo) {
    console.log("This won't print");
}

在这种情况下，myVar 值未定义或值为 null，因此尝试读取 foo 属性时会导致错误。

3. 使用空值操作数组或对象

var myObj = {foo: "bar"};
var myVar = null;
console.log(myVar || myObj.foo);

在这种情况下，我们尝试使用 || 操作符来获取 myVar 或 myObj.foo 中的值。因为 myVar 值为 null，所以JavaScript将会返回 myObj.foo 的值，但是我们没有处理undefined的情况。如果myObj为undefined,将会报错。

解决办法

• 在尝试使用对象或数组之前，始终检查其值是否为 null 或 undefined。
• 短路运算符"||"和"&&"和可选链操作符 "." 可以用来避免此类问题。

这些错误是由于开发人员在代码中未处理 null 或 undefined 值。最佳做法是始终在使用变量之前检查它们的值，并使用 || 和 && 等短路运算符来帮助避免错误。如果使用 ES6，新的可选链操作符（.）也可以使用。