javascript - 如何在 javascript 中使用另一个函数中的变量

Question

我无法从我的函数UserInfo访问我的变量，我的所有变量都未定义。如何访问我的变量并在我的函数 seeInfoUser

中显示它们

let UserName;
let UserAge;
let UserBirthPlace;
let UserDream;  

let UserInfo = function(){
  let UserName = prompt("What is your name:");
  let UserAge = prompt("How old are you: ");
  let UserBirthPlace = prompt("Where were you born: ")
  let UserDream = prompt("What is your Greatest Dream: ");
}

let seeInfoUser = function (){              
  let UserInformation = ` ${UserName} is  ${UserAge} and he was born in ${UserBirthPlace} and his greatest dream is ${UserDream}`
  return UserInformation
}

let result = seeInfoUser(UserInfo());
console.log(result)

Answer 1

您正在 UserInfo 中重新声明变量，这会导致它们隐藏已在更高范围中声明的变量。只需删除函数内变量赋值上的 let 关键字，这样您就可以使用已经声明的变量，而不是重新声明较小的作用域变量。

// These variables will be available in the current scope and descendent scopes
let UserName;
let UserAge;
let UserBirthPlace;
let UserDream;  
    
let UserInfo = function(){
  // ...So, don't re-declare the variables - just use them!
  UserName = prompt("What is your name:");
  UserAge = prompt("How old are you: ");
  UserBirthPlace = prompt("Where were you born: ")
  UserDream = prompt("What is your Greatest Dream: ");
}
    
let seeInfoUser = function (){
  // You really don't need to declare a variable if all you are going to do is return its value
  return ` ${UserName} is  ${UserAge} and he was born in ${UserBirthPlace} and his greatest dream is ${UserDream}`;
}
    
let result = seeInfoUser(UserInfo());
console.log(result)