定義された関数の外にある変数にアクセスする方法は？

Question

jQueryのクリック機能で定義されている変数を使用できないようです。私はグローバル変数とローカル変数の違いを知っていますが、関数の外部に変数を作成することは役に立たないようです。

var $genre; 
$('#search').click(function() { 
    $genre = $(this).attr('value'); 
}); 
console.log($genre); 

私が考えていない単純な解決策がいくつかあります。

Answer 1

JSで唯一の2値のスコープがあります：機能と値は.clickコールバックの内側にあり、後にのみ存在しますがクリックされたことを意味グローバル

が。 Undefinedは実際にはJSの型であり、変数は存在するがまだ値が割り当てられていないことを意味します。

私の疑惑は、あなたがそのコードが同期実行されますが、...あなたは、クリックイベントの「値」を割り当てている

Answer 2

をクリックすると、関数クリックのみが呼び出されます考えていることです。したがって、値は "#search"をクリックしたときにのみ割り当てられます。したがって、console.logステートメントには値はありません。

代わりにこれを試してください。

var $genre; 
$('#search').click(function() { 
    $genre = $(this).attr('value'); 
    console.log($genre); 
}); 

Answer 3

• コードは実際にあなたが変数に対処するためにしたかった正確に何をしているが、関数内で、あなたは、コンソールにそれをログに記録されていません。
• 私が気づいたことは、あなたが$（this）.attr（ 'value'）を使って "value"属性にアクセスしていることです。入力の値を取得しようとしているのであれば、私は元の意図であると仮定しています。Jquery has a built in function to get the value of an input.。

私が言及したこれらの変更を行うためのコードは次のとおりです。

var $genre; 

$('#search').click(function() { 
    //sets the variable to the value of the input 
    $genre = $(this).val(); 

    //prints the variable to the console everytime that the element is clicked 
    console.log($genre); 
});