gpt4 book ai didi

javascript - 这 3 种在 localstorage 中设置属性的方法都有效吗?

转载 作者:行者123 更新时间:2023-11-28 13:06:29 26 4
gpt4 key购买 nike

我只知道在 HTML5 中设置本地存储的一种方法

localStorage.name = "Peter Martin";

但是,在下面的讨论中我发现还有另外两种方法来设置本地存储。

localStorage - use getItem/setItem functions or access object directly?

localStorage.setItem(city, "New York");
localStorage[country] = "USA";

但是,当我尝试下面示例中的所有 3 种方法时,似乎第一种方法工作正常,但其他 2 种方法存在问题。有人可以解释一下这三种方法是否都有效吗?

<html>

<head></head>

<body>

<button onclick="alpha()">Click Me</button>

<script>
function alpha(){
localStorage.name = "Peter Martin";
localStorage.setItem(city, "New York");
localStorage[country] = "USA";
}
</script>

</body>

</html>

由于 StackOverflow 存在一些沙箱问题,我发布错误图像,如下所示:

enter image description here

最佳答案

这归结为基本的 JavaScript 语法。

当您调用 localStorage.setItem(city, "New York"); 时,您引用的是标识符 city,该标识符未在当前作用域中定义。您应该定义一个名为 city 的变量,或者直接使用字符串 "city"

localStorage[country] = "USA"; 也是如此。 country 未在此范围内定义,因此 JavaScript 引擎会抛出错误。

关于javascript - 这 3 种在 localstorage 中设置属性的方法都有效吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46170780/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com