JavaScript中调用函数获取客户名并复用失败的问题求助

你的代码有三个关键问题导致无法正常运行，下面逐个修正：

错误点与修正方案 #

• 变量拼写错误：adres.split(' ')里的adres是笔误，应该是定义好的address。
• 变量作用域问题：firstname是firstName函数内部的局部变量，外部函数customerText无法直接访问。需要让firstName返回这个值，外部调用时接收。
• 函数无返回值：原firstName函数没有返回处理后的名字，调用后拿不到结果，必须添加return语句。

修正后的完整代码 #

function firstName(){
    let address = "John Doe\nStreetname 1\n 1234AA Village";
    let firstname = address.split(' ')[0]; // 修正拼写错误
    return firstname; // 返回提取到的名字
}

function customerText(){
   let customerFirstName = firstName(); // 接收函数返回的名字
   let text = `Dear ${customerFirstName}, how is life?`; // 用模板字符串拼接更简洁
   alert(text);
}

// 调用函数触发弹窗
customerText();

额外优化建议 #

如果客户地址的第一行（姓名）可能包含空格或首尾空白字符，可以调整提取逻辑，先按换行拆分取第一行，再处理名字，这样更鲁棒：

function firstName(){
    let address = "John Doe\nStreetname 1\n 1234AA Village";
    let nameLine = address.split('\n')[0].trim(); // 取姓名行并去除首尾空格
    let firstname = nameLine.split(' ')[0];
    return firstname;
}

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