javascript - 重写 JS 中的赋值运算符

Question

var myObject = {"myKey" : "myValue"}
typeof(myObject.myKey) returns `string`

myObject.myKey = "newValue"
console.log(myObject.myKey) prints newValue

这是预期的行为。但是，类似的值写入不适用于 document.cookie

typeof(document.cookie) returns `string`

但执行 document.cookie = "value=123" 时，附加到 document.cookie 字符串而不是将其值设置为 value=123

那么，如何覆盖对 document.cookie 的赋值？

Answer 1

document.cookie 有点神奇，但根据您的浏览器限制，您可以使用 Object.defineProperty定义具有不同get 和set 行为的属性。

例如:

var obj = {};

Object.defineProperty(obj, "data", {
    get: function() {return this.val; },
    set: function(val) { this.val = JSON.stringify(val); }
});

obj.data = {a:1}; // Set as an object...
console.log(obj.data) // but retrieve as string '{"a":1}'

---

例如，要执行类似于 cookie 示例的操作，您可以创建如下函数:

var mixinExtender = (function mixinExtender(target) {
  var rawValue = {};

  Object.defineProperty(target, "data", {
    get: function() { return JSON.stringify(rawValue); },
    set: function(val) { 
      for(var key in val) {
        rawValue[key]  = val[key];
      }
    }
  });
})

这将混入一个 data 属性，该属性会将 setter 值扩展到一个私有(private)对象中。 getter 将返回它的序列化版本。然后你可以使用它:

var obj = {};
mixinExtender(obj);

obj.data = {a:1};      // Add "a" key
obj.data = {b:2};      // Add "b" key
console.log(obj.data)  // > {"a":1,"b":2}