VueJS全局函数返回值异常：mounted调用返回undefined求助

兄弟，我太懂这种明明在函数里console.log能打出正确结果，但调用函数时返回undefined的抓狂感了！结合你说的情况，大概率是下面两种原因之一，咱们一步步拆解：

1. return的位置错了——嵌套回调里的return不生效 #

最常见的情况是你把return写在了循环的回调（比如forEach）或者其他嵌套函数里，这种return只会终止当前的回调函数，不会让外层的全局函数返回值。举个例子，你的全局函数可能是这样的：

// app.js 里的全局函数写法
Vue.prototype.$myGlobalFunc = function() {
  const result = { username: 'Markus', age: 28 };
  
  // 这里用了forEach循环，回调里的return只作用于当前循环的回调
  Object.keys(result).forEach(key => {
    console.log(result[key]); // 这里能正常打印出对应值
    return result[key]; // 这个return不会让外层的$myGlobalFunc返回值！
  });
  
  // 外层函数没有任何return语句，默认返回undefined
};

解决办法： #

把return移到外层函数里，或者换用能中断并返回值的循环/方法：

• 用for...of循环替代forEach：

Vue.prototype.$myGlobalFunc = function() {
  const result = { username: 'Markus', age: 28 };
  for (const key of Object.keys(result)) {
    if (key === 'username') { // 假设你要返回username对应的值
      console.log(result[key]);
      return result[key]; // 这里的return会直接让全局函数返回值
    }
  }
};

• 或者用find方法找到目标键后返回：

Vue.prototype.$myGlobalFunc = function() {
  const result = { username: 'Markus', age: 28 };
  const targetKey = Object.keys(result).find(key => key === 'username');
  if (targetKey) {
    console.log(result[targetKey]);
    return result[targetKey];
  }
};

2. 异步操作导致返回时机不对 #

如果你的全局函数里包含异步操作（比如axios请求、setTimeout），那函数会先执行同步代码，直接返回undefined，等异步操作完成后才会执行回调里的console.log。比如：

// app.js 里的全局函数
Vue.prototype.$myGlobalFunc = function() {
  axios.get('/user/profile').then(res => {
    console.log(res.data); // 异步完成后才会执行这里，能拿到正确值
    return res.data; // 但这个return是then回调的返回，和外层函数没关系
  });
  // 函数执行到这里直接结束，返回undefined
};

解决办法： #

让全局函数返回一个Promise，然后在组件里用await或者.then()接收结果：

// 修改后的全局函数
Vue.prototype.$myGlobalFunc = async function() {
  const res = await axios.get('/user/profile');
  console.log(res.data);
  return res.data; // 这里的return会被包装成Promise的resolve值
};

// 组件的mounted钩子
async mounted() {
  const profileData = await this.$myGlobalFunc();
  console.log(profileData); // 现在就能拿到正确值了！
}

核心总结 #

本质问题就是函数没有在外层作用域返回正确的值：要么是return被嵌套在局部回调里没对外生效，要么是异步操作导致函数提前返回了undefined，后续异步结果才出来。对照上面的两种情况改一下你的全局函数，应该就能解决问题啦！

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