javascript - Javascript 对象中的动态值？

Question

我有一个对象如下

var obj={
   userName:sessionStorage["userName"]
}

如果我第一次尝试访问 obj.userName，我会变得不确定，因为它没有任何值(value)。

现在，如果我在为其设置值后仍未定义

sessionStorage["userName"]="name";
obj.userName;  //undefined

如何解决？

Answer 1

userName 在创建时采用 sessionStorage["userName"] 的值。以后对 sessionStorage["userName"] 的更改不会反射(reflect)在 userName 中。

如果你想在每次从 userName 获取值时获取 sessionStorage["userName"]，那么你需要像这样定义一个 getter

Object.defineProperties(obj, {
    userName: {
        get: function() {
            return sessionStorage["userName"];
        }
    }
});