JS访问嵌套对象属性时变量作键返回undefined问题排查
问题排查方案
这个问题和你用的Node 13.14.0版本没有关系,属于JS对象键匹配时的典型参数问题,按下面的步骤排查修复即可:
- 先确认传入的
langLocale真实值
硬编码"en"能正常取值、传变量就返回undefined,90%以上的情况是你传入的langLocale实际值和肉眼看到的不一致:可能首尾带空格、大小写不对、夹带了零宽不可见字符。不要直接console.log(langLocale),用下面的代码打印真实特征:
正常传console.log('langLocale序列化结果:', JSON.stringify(langLocale), '字符串长度:', langLocale.length)'en'的话,序列化结果是"en",长度为2,如果打印出来长度不对、或者字符串里带多余的空格/特殊符号,就是参数值本身有问题。 - 给入参加归一化处理+兜底逻辑,从根源避免匹配失败
不要直接拿原始入参当对象key取值,先统一做转小写、去首尾空格的归一化处理,同时加找不到对应语言时默认返回英文的兜底,修复后的代码如下:
const toCorrectUnitLanguage = (unit, langLocale = 'en') => {
const savedUnits = {
sec: { en: 'Sec', bn: 'সেকেন্ড' },
min: { en: 'Min', bn: 'মিনিট' },
hour: { en: 'Hour', bn: 'ঘন্টা' },
}
// 归一化入参
const targetUnit = unit.toLowerCase().trim()
const targetLang = langLocale.toLowerCase().trim()
const unitLangMap = savedUnits[targetUnit]
if (unitLangMap) {
// 匹配不到对应语言时 fallback 到英文
return unitLangMap[targetLang] || unitLangMap.en
}
return unit;
}
// 测试
console.log(toCorrectUnitLanguage('sec')) // 输出 Sec
console.log(toCorrectUnitLanguage('sec', 'en')) // 输出 Sec
console.log(toCorrectUnitLanguage('sec', 'bn')) // 输出 সেকেন্ড
- 检查默认参数的触发条件 ES6的默认参数只有在传入值严格等于`undefined`时才会生效,如果你调用函数时给`langLocale`传了`null`、空字符串这类假值,默认值`'en'`不会生效,此时用不存在的key取值自然会返回`undefined`。 内容的提问来源于stack exchange,提问作者user4546364
相关产品推荐
相关产品推荐

