参数未接收数据触发replace读取报错，求排查代码问题

你的判断完全正确，报错的直接原因就是当前页面中args.pic_phone_no的值为undefined，传入stripPhoneMask函数后，调用phone.replace时触发了读取undefined属性的错误。其他页面正常是因为那些页面的args.pic_phone_no都能拿到有效值。

下面给出具体的排查和修复方案：

1. 给函数添加参数容错处理 #

直接修改stripPhoneMask函数，让它能处理undefined、null或空字符串的情况，避免报错：

export const stripPhoneMask = (phone?: string) => {
    // 先判断参数是否有效，无效直接返回空字符串（可根据需求调整默认值）
    if (!phone) return '';
    phone = phone.replace(/\D+/g, '')
    if (phone.charAt(0) !== "0") {
        phone = phone.substring(1);
    }
    return phone;
}

这里把参数类型改为可选的phone?: string，同时在函数开头增加校验，确保后续操作的安全性。

2. 调用函数前先校验参数 #

在调用stripPhoneMask之前，先判断args.pic_phone_no是否存在，再决定是否执行函数：

const newPicPhone = args.pic_phone_no ? stripPhoneMask(args.pic_phone_no) : '';

这种方式可以在调用层提前拦截无效值，避免函数内部报错。

3. 排查当前页面args的来源 #

需要找到为什么当前页面的args.pic_phone_no是undefined：

• 检查当前页面的args是否来自接口返回，如果是，确认接口是否返回了pic_phone_no字段，是否存在字段名拼写错误；
• 如果args来自表单提交，检查是否给pic_phone_no设置了默认值，避免用户未填写时传入undefined；
• 如果是路由参数或状态管理传递的值，确认传递链路中是否有丢失该字段的情况。

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