Estoy siguiendo un tutorial y entendí todo hasta más allá de donde declaré la variable let.
function submitMessage(event) { event.preventDefault(); const email = document.getElementById("email").value; const fullName = document.getElementById("fullName").value; const feedbackType = document.getElementById("feedbackType").value; const comment = document.getElementById("comment").value; const messageObject = { email, fullName, feedbackType, comment }; let currentMessages = []; if (window.sessionStorage.getItem("messages")) { currentMessages = JSON.parse( window.sessionStorage.getItem("messages") ); } currentMessages.push(messageObject); window.sessionStorage.setItem( "messages", JSON.stringify(currentMessages) ); }Está configurando la clave de "messages" para el almacenamiento de la sesión aquí:
window.sessionStorage.setItem( "messages", // arbitrary key name JSON.stringify(currentMessages) // value to store for this key );let currentMessage es una matriz vacía que contendrá la variable messageObject expresada pocas filas antes.
Después de currentMessage hay un paso que configura un almacén de sesiones que llamaremos "mensajes".
La función window.sessionStorage se usa para guardar algunos datos dentro del navegador, en nuestro caso currentMessage . De esta manera, si actualizó la página del navegador, podrá obtener los últimos datos guardados en window.sessionStorage .
Entonces, en el primer paso, esta función intenta obtener el objeto de mensajes del almacenamiento de la sesión que hemos llamado messages .
Luego, uno obtenido, empujará el setItem currentMessage por lo que después de volver a cargar el navegador podrá recuperar la matriz que pasa a través del almacenamiento de la sesión getItem y para obtener este valor necesita buscar dentro de alguna clave y la clave es messages , en otras palabras, la clave en el almacenamiento de la sesión que puede contener nuestra matriz.