function variable undefined

Question

Почему верхняя версия не работает и работает нижняя функция? Изучение того, как создавать и использовать объекты, и это меня озадачивает. Я предполагаю, что это связано с тем, что я использую объект в верхней части?

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

Право, когда я думаю, что я получаю повесить его я получаю полностью пощечину!

Answer 1

Проблема в том, что кофе не определен в какой-либо области как переменная, вы можете использовать обозначение obj ['coffee'], передавая кофе в виде строки, чтобы это работало. Или вы можете называть его слот-кофейником, чтобы вы могли добраться до него.

Answer 2

Верхняя версия не работает из-за этих двух линий

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

При получении объекта a.b или a['b'] достаточно, где находится объект и б является ключевым

Двигаемся + '.' + b приведет к конкатенации, вместо того, чтобы извлекать значение.

В функции пропуска coffee как строка в противном случае она будет проходить, как неопределенное значение, так как он будет предполагать кофе объявлен где-то что не

Сделать это изменение

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

Попробуйте использовать slot1.coffee вместо кофе

findItem(slot1, slot1.coffee); 

Answer 4

Когда у вас есть имя свойства в переменной, используйте объект как массив myObject[property] где свойство - это переменная, которая содержит имя свойства объекта, на которое вы хотите получить значение.

Кроме того, coffee не следует использовать в качестве переменной, но строка "coffee" или '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);