ES6 getter setter和JSON对象

Question

According to this doc

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set

You can do something like this

var o = {
  set current (str) {
    this.log[this.log.length] = str;
  },
  log: []
}

But what if I want the current variable to be object and I want to do setter on a property of that object?

The below doesn't seem to work

var o = {
  set current.myVal (str) {
    this.log[this.log.length] = str;
  },
  log: []
}

What is the correct way to do this? I read that you can use expression but there is no example.

** UPDATE 1 **

One of the answers below is correct but what if it's class ?

class o {
  set current.myVal (str) {
    this.log[this.log.length] = str;
  }
}

I tried below and didn't work

class o {
  current: {
    set myVal(str) {
      o.log.push(str);
    }
  }
}

Answer 1

You seem to be looking for

var o = {
  current: {
    set myVal(str) {
      o.log.push(str);
    }
  },
  log: []
};

But that's probably a bad idea.

Answer 2

I don't think this is a good idea, but theoretically you can return an object with a setter for o.current :

 var o = { get current() { var self = this; return { set myVal(str) { self.log[self.log.length] = str; } } }, log: [] }; o.current.myVal = 1234; o.current.myVal = 5678; document.write(o.log)