Javascript JS中的重写赋值运算符

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

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

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

但是执行

document.cookie=“value=123”

，会附加到

document.cookie

字符串，而不是将其值设置为

value=123

---

那么，如何覆盖对

document.cookie的赋值呢？
浏览器提供的主机对象的行为方式不受语言语义的约束。也就是说，
document
看起来像JavaScript对象，但它不是。它是运行时环境的一部分

JavaScript规范是根据各种内部“方法”描述编写的。像
window
和
document
这样的宿主对象具有这些内部方法的特殊版本。因此，运行时遵循
=
分配过程如何工作的规范，但是内部方法
[[Put]]]
非常特殊。
document.cookie
有点神奇，但根据浏览器约束，可以使用它定义具有不同get和set行为的属性

例如：

typeof(document.cookie) returns `string`


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

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}'

这将混合一个
数据
属性，该属性将setter值扩展到私有对象中。getter将返回它的序列化版本。然后您可以将其用于：

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];
      }
    }
  });
})

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}