JavaScript中getData函数返回undefined的原因排查求助

嘿，我来帮你排查这个问题！

从你贴的代码来看，getData函数明明写了return string;，但为啥firstFunction里拿到的是undefined呢？最可能的原因是踩了JavaScript 自动分号插入（ASI） 的坑！

问题根源 #

如果你实际写代码的时候，把return和要返回的string分成了两行，比如：

return
string;

JavaScript会自动在return后面插入分号，把代码解析成：

return; // 这行会直接返回 undefined
string; // 这行只是一个孤立的表达式，根本不会执行

而你说getData里的alert正常弹出了内容，说明函数已经执行到了alert那一步，问题肯定出在return语句的写法上。

解决方法 #

把return和返回值放在同一行就可以了，像你代码示例里那样：

return string;

如果一定要换行，也可以用括号把返回值包裹起来，避免ASI的影响：

return (
  string
);

额外的代码优化建议 #

顺便提两个小细节，能让你的代码更规范：

• 拼写修正：You're name is应该改成Your name is（you're是you are的缩写，这里需要用形容词性物主代词your）
• 变量声明：代码里的getData、firstFunction、newString、string都没有用var/let/const声明，在非严格模式下会变成全局变量，容易引发意外问题，建议加上声明：

const getData = function(name) {
  const string = "Your name is " + name;
  alert("created string is: " + string);
  return string;
};

const firstFunction = function() {
  const newString = getData("John");
  alert(newString);
};

firstFunction();

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