함수 변수가 정의되지 않음

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']라는 표기법을 사용하여 이것을 작동시키기 위해서는 커피를 문자열로 사용할 수 있습니다. 또는 당신이 그것을 얻기 위해서 당신은 slot1.coffee라고 부를 수 있습니다. A는 객체이며, b는

이를하는 키입니다 a.b 또는 a['b'] 충분 객체를 검색 할 때 상위 버전 때문에이 두 줄 & findItem(slot1, coffee);

var item = obj + '.' + prop; 작동하지 않습니다

Answer 2

+ '.'+ 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

시도합니다

하지 않은 곳 선언 coffee 대신 slot1.coffee

findItem(slot1, slot1.coffee); 

Answer 4

변수에 속성 ​​이름이있을 때 배열과 같은 객체 사용 myObject[property] 여기서 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);