JavaScript中如何标准检查变量是否初始化为数字？

先看你现有代码的核心问题：

• 调用noNil()时没传参数，函数内的i是局部参数，和全局的i无关；而且函数里用let i声明的是局部变量，返回后没有赋值给全局i，所以全局i始终是undefined。
• noNaN(i)同理，局部的let i不会修改全局变量，且返回值没赋值，所以第二个alert还是无内容。

结合你的场景（变量取值0-4时选对应颜色，undefined时不选颜色），以下是标准的检查和处理方案：

一、核心检查逻辑 #

针对你的需求，需要做两层校验：

1. 检查是否初始化：直接判断变量是否等于undefined
2. 检查是否为有效数字：确保是0-4之间的整数（因为数组索引是整数）

二、推荐实现代码 #

var i; // 该变量可能通过5种方式赋值

// 校验函数：返回有效索引或特殊标识
function validateColorIndex(index) {
  // 未初始化时返回undefined，不设置颜色
  if (index === undefined) {
    return undefined;
  }
  // 不是整数或超出0-4范围，返回-1表示无效
  if (!Number.isInteger(index) || index < 0 || index > 4) {
    return -1;
  }
  // 符合要求返回原索引
  return index;
}

// 实际使用
let family = ["yellow", "red", "lime", "cyan","magenta"];
let validIndex = validateColorIndex(i);
if (validIndex !== undefined && validIndex !== -1) {
  ctx.fillStyle = family[validIndex];
}
// 否则不设置颜色，或执行其他逻辑

三、原有函数的修正方案 #

如果想保留类似拆分函数的写法，要注意作用域和返回值赋值：

var i;

// 检查是否初始化，未初始化返回默认值
function noNil(target) {
  return target === undefined ? -1 : target;
}

// 检查是否为有效数字，无效返回默认值
function isValidNumber(target) {
  // Number.isNaN仅对NaN返回true，比全局isNaN更准确
  if (Number.isNaN(target) || !Number.isInteger(target)) {
    return 30;
  }
  // 额外加范围判断
  return target < 0 || target > 4 ? -1 : target;
}

// 必须将返回值赋值给原变量
i = noNil(i);
alert(i); // 弹出-1
i = isValidNumber(i);
alert(i); // 弹出-1（因为-1不在0-4范围内）

关键注意点 #

• 作用域问题：函数内声明的变量（比如let i）是局部的，不会影响外部变量，必须通过返回值赋值来修改外部变量。
• 数字校验准确性：用Number.isInteger()判断整数，Number.isNaN()判断是否为NaN，比typeof或全局isNaN()更精准，避免把undefined、字符串等误判为数字。
• 场景适配：根据你的颜色选择需求，额外加入0-4的范围判断，确保索引有效。

内容的提问来源于stack exchange，提问作者Greg