未定義の値、可変スコープの問題

Question

undefinedが私のコンソールに表示される理由はわかりません。私はスコープ変数について読んで、スコープ外の変数を定義すると、その変数を特定の関数スコープ外にアクセス可能にする必要があることを知ります。 ない私がここで間違ってやっていることを確認：マイコンソールは、それが値を割り当てられている前に、あなたがlocをログに記録されているbeacuseつまりundefined

Answer 1

をログに記録され

const history = createHistory(); 
const location = history.location; 
let loc; 
const listen = history.listen((location) => { 
    loc = `${location.search}${location.hash}`; 
    return loc; 
}) 
console.log(loc); 

。値がundefinedになるように初期化されます。 listenに渡されたコールバックが呼び出されたときに値が割り当てられます。私はあなたが本当にそれを返すか、あなたの質問に説明する方法を使用することはできません。この文脈でそうlistenは、asynchronusであることを前提としてい

const history = createHistory(); 
const location = history.location; 
let loc; 
const listen = history.listen((location) => { 
    loc = `${location.search}${location.hash}`; 
    console.log(loc); 
}) 

---

：あなたがあなたのコードを変更する必要があり、正しい値をログに記録します。しかし、いったんlistenコールバックにいれば、その値を他のコールバックに渡すことができます。詳細な説明と例は、How do I return the response from an asynchronous call?を参照してください。

Answer 2

console.log(loc);の時点で、その変数は定義されていません。この機能として

(location) => { loc = `${location.search}${location.hash}`; } 

はそれの後に実行されます。

Answer 3

location.listenメソッドは、場所が変更されたときにのみ呼び出されるという問題があります。 history.listen（...）呼び出しは、履歴が変更されたときに呼び出されるコードを宣言しますが、その時点でそのコードはまだ実行されていません。ここで擬似コードで

は、あなたが指示したものである：

• 歴史はまだ（の値をプリントアウト
• を変更したときに実行されるいくつかのコードを登録し、いくつかの定数と変数
• を宣言コンソールに初期化されていない）変数

これは、あなたが何を意味するかに近いかもしれません：

const history = createHistory(); 
const location = history.location; 
let loc; 

const listen = history.listen((location) => { 
    loc = `${location.search}${location.hash}`; 
    console.log(loc); 
}) 

Answer 4

残りの部分は、locの位置を変更するまで変数に値が割り当てられないため、リッスン方法が実行されます。それまでは、その値はundefinedになります。また、変数を持っていて、コードの上に宣言したときに返される値がlocになるのはなぜですか？