JavaScript変数に単語を追加できません

Question

reality（）を呼び出すと、ロイヤルブルーを印刷したいのですが、ロイヤルが未定義になっています。私はJavaScriptの初心者です。

var color = "Blue"; 

function reality() { 
    var color = "Royal " + color; 
    console.log(color); 
} 
reality(); 

Answer 1

私は問題が何であるかを見つける助けてください。すべての変数がvarで宣言されたJavaScriptでは、

明示的に何かが割り当てられている場合を除き、undefinedのデフォルト値を持つことになります。あなたのケースでは

、

var color = "Royal " + color; 

あなたは変数color自体を定義するcolorを使用しています。だから、

"Royal " + color 

結果はロイヤルが未定義 `である理由である

"Royal " + undefined 

になります。

---

基本的に、可変colorは、その機能の範囲外で宣言された変数は、reality影内で宣言します。したがって、別の名前を選択する必要があります。

var color = "Blue"; 

function reality() { 
    var realityColor = "Royal " + color; 
    console.log(realityColor); 
} 
reality(); 

印刷します

Royal Blue 

---

注：あなたが実際に外で宣言さcolor変数を変更することを意図している場合は、あなたは、あなたの代わりにrealityにcolorという変数を定義してはいけませんこのように直接アクセスする必要があります。

var color = "Blue"; 

function reality() { 
    color = "Royal " + color; 
    console.log(color); 
} 
reality(); 

しかし、この関数は何も返しません。それを改善するために、あなたが再び定義している場合しかし、それはnullを取り、値を返し、それを変数に割り当て、この

var color = "Blue"; 

function reality() { 
    return "Royal " + color; 
} 

color = reality(); 
console.log(color); 

Answer 2

var color = "Blue"; 
function reality() { 
    color = "Royal " + color; 
    console.log(color); 
} 
reality(); 

の色のようにグローバルに定義されているので、関数内で変更することができますすることができますこれは未定義です。