関数の変数が定義されていません

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と呼ぶこともできます。オブジェクトであり、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);