javascript - jQuery 更改后变量未定义

Question

var circle = new google.maps.Circle({
    center: latLng,
    radius: radius,
    strokeColor: "#FF0000",
    strokeOpacity: 0.5,
    strokeWeight: 1,
    fillColor: "#FF0000",
    fillOpacity: 0.2
});

circle.setMap(map);

map.fitBounds(circle.getBounds());

jQuery('#area').change(function() {
    radius = jQuery('#area').val();

    var newLatLng = marker.getPosition();

    circle.setMap(null);

    var circle = new google.maps.Circle({
        center: latLng,
        radius: radius,
        strokeColor: "#FF0000",
        strokeOpacity: 0.5,
        strokeWeight: 1,
        fillColor: "#FF0000",
        fillOpacity: 0.2
    });

    circle.setMap(map);

    map.fitBounds(circle.getBounds());
});

circle 是在 jQuery('#area').change() 之外定义的，但是当我尝试从 jQuery('# area').change() 函数，我得到一个未定义的错误。这是为什么？

Answer 1

因为你的内部函数包含var circle。由于称为“var 提升”的现象，整个函数都将 circle 视为局部变量，即使 var 语句稍后出现也是如此。

将您的内部函数的圆圈命名为其他名称。