JS报错TypeError: Cannot read property 'TigerNo' of undefined问题求助

Hey there! Let's break down what's going on here and fix that error.

First, that error message tells us exactly the problem: when you run this.getDefault(sportsRecord), it's returning undefined instead of the object you expect. So when you try to access .TigerNo on undefined, JavaScript throws that TypeError.

Here's how to diagnose and fix this step by step:

1. Check if getDefault always returns an object #

Take a look at your getDefault method implementation. It's possible that in some code paths, the method doesn't return anything (no return statement), or explicitly returns undefined. For example:

// 问题示例：部分分支缺少return语句
getDefault(record) {
  if (record.someCondition) {
    return { TigerNo: record.tigerId };
  }
  // 这里没有return，默认返回undefined
}

修复方案：确保getDefault在任何情况下都返回一个对象，哪怕是带默认值的空对象：

getDefault(record) {
  if (record.someCondition) {
    return { TigerNo: record.tigerId };
  }
  // 兜底返回一个包含默认值的对象
  return { TigerNo: '' };
}

2. Verify the this context is correct #

Sometimes, this might not point to the object you expect when calling this.getDefault. This often happens in callbacks, event handlers, or if you haven't properly bound the method context.

To debug this, add console logs right before calling the method:

console.log('当前this指向:', this);
const defaultResult = this.getDefault(sportsRecord);
console.log('getDefault返回值:', defaultResult);

如果this不是你预期的类/对象，你可能需要在构造函数里用.bind(this)绑定方法，或者用箭头函数来保留上下文。

3. 添加安全校验再访问TigerNo #

即使修复了上面的问题，添加防御性校验也是避免同类错误的好习惯：

const defaultData = this.getDefault(sportsRecord);
// 仅当defaultData存在时才赋值
if (defaultData) {
  tempObj['TigerNo'] = defaultData.TigerNo;
} else {
  // 处理undefined的情况，比如设置默认值
  tempObj['TigerNo'] = '';
  console.warn('getDefault针对当前sportsRecord返回了undefined:', sportsRecord);
}

如果你的环境支持ES2020+，可以用可选链简化代码：

// 安全访问TigerNo，不存在则返回空字符串
tempObj['TigerNo'] = this.getDefault(sportsRecord)?.TigerNo ?? '';

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