本文讲解如何在使用 localStorage.setItem() 存储经纬度对象后，准确提取其中的纬度（lat）值用于后续计算，避免因错误键名导致读取失败。
本文讲解如何在使用 `localstorage.setitem()` 存储经纬度对象后，准确提取其中的纬度（lat）值用于后续计算，避免因错误键名导致读取失败。
在前端开发中，localStorage 是常用的客户端持久化存储方案，但其仅支持字符串类型的键值对。当你通过 JSON.stringify() 将坐标对象（如 { lat: 40.7128, lng: -74.0060 }）存入时，必须在读取后显式调用 JSON.parse() 还原为 JavaScript 对象，才能访问其属性。
你遇到的问题源于对 localStorage 键名机制的误解：
❌ 错误写法：
var lat = localStorage.getItem('coordinates.lat'); // 不存在该 key！localStorage 不支持点号路径语法（如 'coordinates.lat'），它只会查找名为 "coordinates.lat" 的独立键——而你实际存入的是键名为 "coordinates" 的完整 JSON 字符串。
✅ 正确做法是：先按原始键名获取字符串，再解析为对象，最后安全访问 lat 属性：
window.onload = function () {
const coordinatesStr = localStorage.getItem('coordinates');
// 安全解析：检查是否存在且可解析
if (!coordinatesStr) {
console.warn('未找到存储的 coordinates 数据');
return;
}
try {
const coordinates = JSON.parse(coordinatesStr);
const lat = coordinates?.lat; // 可选链操作符，防 undefined
if (lat === undefined || typeof lat !== 'number') {
console.error('coordinates 中缺少有效的 lat 值');
return;
}
// 执行你的业务计算
const IR = (-75 * lat) + 5025;
const energie_pro = IR * 0.926 * 0.8 * 0.213 * 1.92 * 8;
document.getElementById('eco_3000').innerText = energie_pro.toFixed(2);
} catch (e) {
console.error('解析 coordinates 失败：', e.message);
}
};? 关键注意事项：
- ✅ 始终使用原始键名（
'coordinates'）读取，而非模拟嵌套路径； - ✅ 必须
JSON.parse()才能访问对象属性，否则lat会是undefined； - ✅ 推荐添加空值与类型校验（如
coordinates?.lat和typeof lat === 'number'），提升健壮性； - ✅ 使用
try...catch捕获JSON.parse()可能抛出的语法错误（例如数据被意外篡改）； - ✅ 计算结果建议用
.toFixed(2)等格式化输出，提升可读性。
通过以上方式，即可可靠地跨页面传递并使用地理坐标中的纬度信息，为能源估算、地图定位等场景提供坚实的数据基础。
