Skip to main content
3 de 3
se añadieron 914 caracteres en el cuerpo
masterguru
  • 16k
  • 5
  • 15
  • 28

En este caso es fácil, porque ya haces un return del valor de la variable x dentro de la función, y tan solo debes asignar a una nueva variable la ejecución de la función, fuera de la función:

words = "hola "
function mostrar() {
  function add(n) {
    x = words.concat(n)
    console.log(x)
    box.innerHTML = words.concat(n);
    return x;
  }
  y = add("LouisSarmiendo")
  console.log(y)
}
mostrar()
<div id="box"></id>

También tienes otra forma, sin usar variables globales, que es usando variables locales con let, sin necesidad de usar el return. Definiéndolas de esta forma su alcance es local, dentro de la función mostrar() en este caso, y para todo lo que la contenga, como puedes ver en este ejemplo:

words = "hola "
function mostrar() {
  let x
  function add(n) {
    x = words.concat(n)
    console.log(x)
    box.innerHTML = words.concat(n);
  }
  add("LouisSarmiendo")
  console.log(x)
}
mostrar()
<div id="box"></id>

Y si lo que pretendes es conseguir ese dato fuera del ámbito de la función completamente, podrias hacer lo siguiente tambien, mediante un return de la variable local x definida antes y utilizada internamente dentro de la primera función mostrar():

let words = "hola "
function mostrar() {
  let x
  function add(n) {
    x = words.concat(n)
    console.log(x)
    box.innerHTML = words.concat(n);
  }
  add("LouisSarmiendo")
  console.log(x)
  return x
}
let y = mostrar()
console.log(y)
<div id="box"></div>

Como ves, tienes distintas formas de conseguirlo, y debes utilizar la que más te convenga en cada caso, según lo que pretendas lograr realmente.

masterguru
  • 16k
  • 5
  • 15
  • 28