グローバル変数ではなくJavascript Closureをここで使用できますか？

Question

現在の設定：

var placeId; 
function selectPlace(place) { 
    $('#selectPlace').html('Selected Place: <b>' + place.Name + '</b>'); 
    $('#map').hide(400); 
    placeId = place.Id; 
} 

$(document).ready(function() 
{ 
    $('#postMessage').click(function() { 
     alert("PlaceId: " + placeId); 
    }); 
}); 

は/私はクロージャを使用する必要がありますすることはできますか？それは、コンテキストに基づいて、行うには合理的なものと思われる

Answer 1

、それは何のように思えます探しているのはこれです：

これはクロージャを使用していないため、最後に割り当てられたIDが関数オブジェクトに格納されます。次に、関数をセッターとして使用しない場合は、値を返します。あなたが同じことを行うためにクロージャを使用したい場合は、上記の例のように多くなります：ところで

(function(){ 
    var placeId; 

    window.selectPlace = function(place) { 
    if(!place){ 
     return placeId; 
    }else{ 
     $('#selectPlace').html('Selected Place: <b>' + place.Name + '</b>'); 
     $('#map').hide(400); 
     placeId = place.Id; 
    } 
    } 
})(); 

、閉鎖を発見する最も簡単な方法は、関数がそれで変数を持っている場合であります現在の関数の中にvarと宣言されていませんが、内部にある他の関数に入っています。上記のように、変数placeIdはselectPlace関数の内部で宣言されていません。つまり、selectPlace関数はplaceId変数を使用するクロージャです。

Answer 2

、あなたは簡単にラ関数式を使用してコードを置き換えることによってそれを行うことができます：あなたのコメントに基づいて

(function(){ 
    var placeId; 
    // It looks like you want selectPlace to be a global function? 
    // hence i'm using assignment of a function expression here 
    selectPlace = function (place) { 
     $('#selectPlace').html('Selected Place: <b>' + place.Name + '</b>'); 
     $('#map').hide(400); 
     placeId = place.Id; 
    } 

    $(document).ready(function() 
    { 
     $('#postMessage').click(function() { 
      alert("PlaceId: " + placeId); 
     }); 
    }); 
})();