使用typeof i === 'number'判断该值是否为JS数字类型。

const checkNumber = i => { if( typeof i !== 'number') throw new Error('Supplied argument is not a number!'); return i;};

function sum(a, b){
  return checkNumber(a) + checkNumber(b);
}

console.log(sum(2, 2));

var i;

console.log(sum(i, 2));

字符串
关于选择颜色的用例，您可以避免使用数字：

let family    = ["yellow", "red", "lime", "cyan","magenta"];
family[i] && (ctx.fillStyle = family[i]);

型
但主要的问题可能是为什么你最终得到的i不是你的颜色数组的正确索引的数字...
如果你想检查字符串，这个主题突然变得复杂得多（我甚至没有涵盖所有情况，比如科学记数法）：

var i;

function isNumber(i) {
  return typeof i === 'number';
}

function isNumerish(i) {
  return !isNaN(parseFloat(i));
}

function isStringNumber(i) {
  return /^-?\d*\.?\d+$/.test(i);
}

const checks = [[i, isNumber], [-.5, isNumber], ['-.5a', isNumerish], ['-.5a', isStringNumber], ['-.5', isStringNumber]];

for(const [num, fn] of checks){
  console.log(num, fn.name, fn(num));
}

型

试试这个：

var i;

if(!!i) {
   console.log("undefined or null or (falsy) ");
}
else {
   console.log("The value of i is ", i);
}

字符串