Funktionsvariable undefined

Question

Warum funktioniert die Top-Version nicht und die untere Funktion funktioniert? Ich lerne, wie man Objekte schafft und benutzt, und das verwirrt mich. Ich nehme an, es hat damit zu tun, dass ich ein Objekt im oberen Teil verwende? Rechts

var slot1 = { 
 
    coffee: '1', 
 
    tea: '2', 
 
    espresso: '3' 
 
} 
 

 
function findItem(obj, prop){ 
 
    var item = obj + '.' + prop; 
 
    console.log(item); 
 
} 
 
findItem(slot1, coffee); 
 

 

 
function addNumbs(num1,num2){ 
 
\t var answer = num1+num2; 
 
    console.log(answer); 
 
} 
 
addNumbs(4,3);

, wenn ich denke, ich den Dreh raus zu bekommen ich völlig ins Gesicht geschlagen werden!

Answer 1

Das Problem ist, dass Kaffee in keinem Bereich als Variable definiert ist, können Sie die Notation von obj ["Kaffee"] Kaffee als String übergeben, um dies zu arbeiten. Oder Sie können es als slot1.coffee nennen, damit Sie es erreichen.

Answer 2

Die obere Version nicht wegen dieser beiden Linien

var item = obj + '.' + prop; & findItem(slot1, coffee);

funktioniert Wenn ein Objekt abrufen a.b oder a['b'] genug ist, wo ein das Objekt ist und b ist der Schlüssel

ein Doing + '.' + b führt zu einer Verkettung, anstatt den Wert abzurufen.

In Funktion Pass coffee als String sonst wird es als nicht definierten Wert übergeben, da es Kaffee vermuten, wird irgendwo erklärt, die diese Änderung nicht

Stellen ist

var slot1 = { 
    coffee: '1', 
    tea: '2', 
    espresso: '3' 
} 

function findItem(obj, prop){ 
    var item = obj[prop]; 
    document.write('<pre>'+item+'</pre>') 
} 
findItem(slot1,'coffee'); 

DEMO

Answer 3

Versuchen zu verwenden slot1.coffee statt kaffee

findItem(slot1, slot1.coffee); 

Answer 4

Wenn Sie einen Eigenschaftsnamen in einer Variablen haben, verwenden Sie ein Objekt wie ein Array myObject[property] Dabei ist Eigenschaft eine Variable, die den Namen der Eigenschaft des Objekts enthält, für den Sie den Wert erhalten möchten.

Auch coffee ist nicht als Variable verwendet werden, aber eine Zeichenfolge "coffee" oder 'coffee'

var slot1 = { 
 
    coffee: '1', 
 
    tea: '2', 
 
    espresso: '3' 
 
} 
 

 
function findItem(obj, prop){ 
 
    var item = obj[prop]; // You need to access object property as if object was an array when you have property name in variable. 
 
    console.log(item); 
 
} 
 
findItem(slot1, 'coffee'); // You need coffee as a string here, variable coffee was never defined 
 

 

 
function addNumbs(num1,num2){ 
 
\t var answer = num1+num2; 
 
    console.log(answer); 
 
} 
 
addNumbs(4,3);