全局时未定义JSON变量

Question

我想全局设置一个变量“ city ”，并将其用于其他功能。 我正在请求JSON数据，它似乎可以在此函数中工作

var city;

function conditions(data) {
        var city = data.current_observation.display_location.full;
        var wcode = data.current_observation.icon;

        $('#city').append('<h2>' +'Weather forecast in ' + city + '</h2>');
        $('#city').addClass('headings-style');

    }

但是，当我尝试在其他函数中使用变量城市时 ，却得到了未定义的数据：

function forecastDays(info) {
        var locationOne = info.forecast.simpleforecast.forecastday;
        locationOne.forEach(function (daysPlus) {

        var high = daysPlus.high.celsius;
        var low = daysPlus.low.celsius;
        var arr = ["day1", "day2", "day3", "day4"];
        jQuery.each(arr, function (i, val) {

            $("#temp_" + val).html('<p>' + city + 'High: ' + high + '&deg;C' + '<br>' + ' Low: ' + low + '&deg;C' + '</p>');

            });
        });

请帮忙。

Answer 1

而不是做

var city = data.current_observation.display_location.full;

你应该做

city = data.current_observation.display_location.full;

为了设置全球city变量的值。 重用var关键字将在函数范围内而不是全局范围内声明一个新的变量city 。

Answer 2

有点晚了，但这是一个例子。 （@ J.Chen提供了答案）

当您使用var city =您将在函数作用域内重新定义变量，因此不再可以从全局作用域访问它。

在下面的示例中，在全局范围内正确使用了city变量，而在函数范围内重新定义了town变量：

 var city; var town; function foo() { city = "New York"; var town = "Boston"; }; function bar() { console.log(city); console.log(town); } foo(); // assigns the variable a value bar(); // console "New York" / undefined 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 3

在funtion conditions删除var city