welche Objekteigenschaften eine Funktion

Question

zugegriffen Ich habe ein beliebig tiefes Objekt wie folgt:

const objToAccess = { 
    id: 1, 
    name: { 
    first: 'Foo', 
    last: 'Bar' 
    }, 
    address: { 
    street: { 
     name: '987 Walker', 
     roadType: 'Ave' 
    }, 
    zip: '12345' 
    } 
}; 

Ich nenne eine Funktion, die die oben objToAccess als param nimmt. EDIT: Diese Funktion ist eine Blackbox. Ich weiß nicht, wie es aussieht und kann es nicht bearbeiten. Zum Beispiel:

const accessFn = objToAccess => { 
    const a = objToAccess.id; 
    const b = objToAccess.name.first; 
    const c = objToAccess.address; 
}; 

Nachdem diese Funktion aufgerufen wird, möchte ich wissen, auf welche Eigenschaften zugegriffen wurde. Hier ist der Kicker: Wenn auf ein verschachteltes Objekt zugegriffen wurde, möchte ich auch alle untergeordneten Objekte als zugegriffen markieren. Zum Beispiel, nach dem obigen Code ausgeführt wird, würde ich ein Ergebnis mag das wie folgt aussieht:

const propsAccessed = { 
    id: true, 
    name: { 
    first: true, 
    last: false 
    }, 
    address: { 
    street: { 
     name: true, 
     roadType: true 
    }, 
    zip: true 
    } 
}; 

Mein naiver Versuch ist erstellt das propsAccessed Objekt & setzte alles falsch, und dann verwenden Getter (unten). Aber ich kann nicht herausfinden, wie man sie so verwendet, dass alle Kinder markiert werden, wenn nur auf das Elternobjekt zugegriffen wird. Irgendwelche Ideen wären großartig!

const gettedReturnedMutation = { 
    get id() { 
    propsAccessed.id = true; 
    }, 
    get name() { 
    // TODO if just address is accessed, recursively flag all children as true 
    return { 
     get first() { 
     propsAccessed.name.first = true; 
     }, 
     get last() { 
     propsAccessed.name.last = true; 
     } 
    } 
    }, 
    get address() { 
    // TODO if just address is accessed, recursively flag all children as true 
    return { 
     get street() { 
     return { 
      get name() { 
      propsAccessed.address.street.name = true; 
      }, 
      get roadType() { 
      propsAccessed.address.street.roadType = true; 
      } 
     } 
     }, 
     get zip() { 
     propsAccessed.address.zip = true; 
     } 
    } 
    } 
} 

Answer 1

würde ich einen Proxy verwenden:

function isObject(val) { 
    return val === Object(val); 
} 
function detectAccess(obj) { 
    if(!isObject(obj)) return {proxy: obj, accessLog: true}; 
    var subProxies = Object.create(null); 
    var accessLog = Object.create(null); 
    var proxy = new Proxy(obj, { 
    get: function(target, prop, receiver) { 
     if(!accessLog[prop]) { 
     var recur = detectAccess(obj[prop]); 
     accessLog[prop] = recur.accessLog; 
     return subProxies[prop] = recur.proxy; 
     } else { 
     return subProxies[prop]; 
     } 
    } 
    }); 
    return {proxy, accessLog}; 
} 
var {proxy, accessLog} = detectAccess(objToAccess); 
accessFn(proxy); 
accessLog; // {id:true, name:{first:true}, address:{}} 

Die accessLog erzählt, welche Eigenschaften zugegriffen wurde. Wenn der Wert ein Primitiv ist, enthält das Protokoll true, andernfalls enthält es ein Objekt.

Dann, wenn Sie zum Beispiel wissen wollen, ob objToAccess.address.street.name zugegriffen wurde, verwenden

!!(accessLog.address && accessLog.address.street && accessLog.address.name) 

(test for existence of nested object key sehen alle die Eigenschaft Pfad Wiederholung zu vermeiden).

Wenn Sie zu prüfen, dass die gesamte Unterstruktur zugegriffen wurde, wenn eine Eigenschaft des Top-Objekt zugegriffen wurde, benutzen Sie einfach

!!(accessLog.address)