How to allow null, but forbid undefined?

在JavaScript编程中，null和undefined都可以表示缺乏值，但它们的用途和含义有所不同。null通常用于表示程序员已经定义了变量，但它目前没有值。而undefined通常表示变量已声明但未初始化。

如果我们想要在代码中允许null但禁止undefined，我们可以通过几种方法来实现：

1. 类型检查

示例：

javascript
function processValue(value) {
  if (typeof value === 'undefined') {
    throw new Error('undefined is not allowed');
  }
  // 继续处理value，此时value可以是null或其他任何类型
}

try {
  processValue(undefined);
} catch (error) {
  console.error(error.message);  // 输出: undefined is not allowed
}

processValue(null);  // 这行代码可以正常执行，因为允许null

2. 使用TypeScript

在使用TypeScript时，我们可以设置严格的类型检查来明确区分null和undefined。

TypeScript 配置：

在tsconfig.json中启用strictNullChecks：

json
{
  "compilerOptions": {
    "strict": true,
    "strictNullChecks": true
  }
}

TypeScript 示例：

typescript
function processValue(value: number | null) {
  // 这个函数接受number类型或null，但不接受undefined
}

processValue(null);  // 正常
processValue(123);   // 正常
// processValue(undefined);  // TypeScript编译错误

3. 默认参数值

在函数参数中使用默认值可以防止undefined值，但允许null。

示例：

javascript
function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}

greet(undefined);  // 输出: Hello, Guest!
greet(null);       // 输出: Hello, null!

在上述示例中，当undefined作为参数传递时，它会被默认参数值'Guest'替代，而null则不会被替代。

总结

通过这些方法，我们可以在JavaScript或TypeScript项目中有意识地选择允许null但禁止undefined的策略，这有助于提高代码的清晰性和健壮性。使用适当的错误处理和类型检查可以确保程序的稳定性，并减少潜在的bug。