almacenamiento del navegador js webStorage

almacenamiento del navegador js webStorage

El navegador implementa el mecanismo de almacenamiento local a través de las propiedades Window.sessionStorage y Window.localStorage

API relacionadas:
las API de sessionStorage y localStorage son las mismas

1. xxxxxStorage.setItem('key','value');
   Este método acepta una clave y un valor como parámetros, y agregará el par clave-valor al almacenamiento. Si existe el nombre de la clave, actualice su valor correspondiente
2. xxxxxStorage.getItem('key');
   este método acepta un nombre de clave como parámetro y devuelve el valor correspondiente al nombre de la clave
3. xxxxxStorage.removeItem('key');
   este método acepta un nombre de clave como parámetro y elimina el nombre de clave del almacenamiento
4. xxxxxStorage.clear();
   Este método borrará todos los datos en el almacenamiento

let p = {
    
    name:'张三',age:18}

function saveData(){
    
    
	localStorage.setItem('msg','hello');
	localStorage.setItem('msg2',666);  //666存储后为字符串
	localStorage.setItem('person',JSON.stringify(p));
}

function readData(){
    
    
	console.log(localStorage.getItem('msg'));
	const result = localStorage.getItem('person');
	console.log(JSON.parse(result));
}

function deleteData(){
    
    
	localStorage.removeItem('msg2');
}

function deleteAllData(){
    
    
	localStorage.clear();
}

• El contenido almacenado en sessionStorage desaparecerá cuando se cierre la ventana del navegador
• El contenido almacenado en localStorage debe borrarse manualmente antes de que desaparezca
• xxxxStorage.getItem(xxx), si no se puede obtener el valor correspondiente a xxx, entonces el valor de retorno de getItem es nulo
• El resultado de JSON.parse (null) sigue siendo nulo