JS : Javascript 如何获取 Cookie 值（含最简方法）

functiongetCookie(name){letcookieValue=null;if(document.cookie&&document.cookie!==''){constcookies=document.cookie.split(';');for(leti=0;i<cookies.length;i++){constcookie=cookies[i].trim();// Does this cookie string begin with the name we want?if(cookie.substring(0,name.length+1)===(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}returncookieValue;}

constcookie_value=getCookie('cookie_name');

npm install js-cookie

importCookiesfrom'js-cookie';constcookie_value=Cookies.get('cookie_name');

/*! js-cookie v3.0.5 | MIT */;(function(global,factory){typeofexports==='object'&&typeofmodule!=='undefined'?module.exports=factory():typeofdefine==='function'&&define.amd?define(factory):(global=typeofglobalThis!=='undefined'?globalThis:global||self,(function(){varcurrent=global.Cookies;varexports=global.Cookies=factory();exports.noConflict=function(){global.Cookies=current;returnexports;};})());})(this,(function(){'use strict';/* eslint-disable no-var */functionassign(target){for(vari=1;i<arguments.length;i++){varsource=arguments[i];for(varkeyinsource){target[key]=source[key];}}returntarget}/* eslint-enable no-var *//* eslint-disable no-var */vardefaultConverter={read:function(value){if(value[0]==='"'){value=value.slice(1,-1);}returnvalue.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(value){returnencodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};/* eslint-enable no-var *//* eslint-disable no-var */functioninit(converter,defaultAttributes){functionset(name,value,attributes){if(typeofdocument==='undefined'){return}attributes=assign({},defaultAttributes,attributes);if(typeofattributes.expires==='number'){attributes.expires=newDate(Date.now()+attributes.expires*864e5);}if(attributes.expires){attributes.expires=attributes.expires.toUTCString();}name=encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);varstringifiedAttributes='';for(varattributeNameinattributes){if(!attributes[attributeName]){continue}stringifiedAttributes+='; '+attributeName;if(attributes[attributeName]===true){continue}// Considers RFC 6265 section 5.2:// ...// 3.  If the remaining unparsed-attributes contains a %x3B (";")//     character:// Consume the characters of the unparsed-attributes up to,// not including, the first %x3B (";") character.// ...stringifiedAttributes+='='+attributes[attributeName].split(';')[0];}return(document.cookie=name+'='+converter.write(value,name)+stringifiedAttributes)}functionget(name){if(typeofdocument==='undefined'||(arguments.length&&!name)){return}// To prevent the for loop in the first place assign an empty array// in case there are no cookies at all.varcookies=document.cookie?document.cookie.split('; '):[];varjar={};for(vari=0;i<cookies.length;i++){varparts=cookies[i].split('=');varvalue=parts.slice(1).join('=');try{varfound=decodeURIComponent(parts[0]);jar[found]=converter.read(value,found);if(name===found){break}}catch(e){}}returnname?jar[name]:jar}returnObject.create({set,get,remove:function(name,attributes){set(name,'',assign({},attributes,{expires:-1}));},withAttributes:function(attributes){returninit(this.converter,assign({},this.attributes,attributes))},withConverter:function(converter){returninit(assign({},this.converter,converter),this.attributes)}},{attributes:{value:Object.freeze(defaultAttributes)},converter:{value:Object.freeze(converter)}})}varapi=init(defaultConverter,{path:'/'});/* eslint-enable no-var */returnapi;}));