How to use javascript proxy for nested objects
<p>I have this code in js bin: </p>

<pre><code>var validator = {
  set (target, key, value) {
    console.log(target);
    console.log(key);
    console.log(value);
    if(isObject(target[key])){

    }
    return true
  }
}


var person = {
      firstName: "alfred",
      lastName: "john",
      inner: {
        salary: 8250,
        Proffesion: ".NET Developer"
      }
}
var proxy = new Proxy(person, validator)
proxy.inner.salary = 'foo'
</code></pre>

<p>if i do <code>proxy.inner.salary = 555;</code> it does not work.</p>

<p>However if i do <code>proxy.firstName = "Anne"</code>, then it works great.</p>

<p>I do not understand why it does not work Recursively.</p>

<p><a href="http://jsbin.com/dinerotiwe/edit?html,js,console" rel="noreferrer">http://jsbin.com/dinerotiwe/edit?html,js,console</a></p>