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.