javascript - 局部函数变量更改不会影响全局范围内的变量。为什么不？

Question

我正在 js/jquery 创建一个简单的天气应用程序。 simpleweather 函数的一个组成部分是它应该全局影响 var 华氏度，但是当我稍后在 if/else 语句中调用它时，它会在 var 华氏度日志中记录为0.我做错了什么？

var fahrenheit = 0;
var celsius = 0;

$(document).ready(function() {

  $.simpleWeather({

    location: 'newyork, NY',
    woeid: '',
    unit: 'f',
    success: function(weather) {
    //renames weather.temp as fahrenheit
     fahrenheit = weather.temp;
    console.log(fahrenheit);
     //puts that value into .fahrenheit div
      $(".fahrenheit").html(fahrenheit);
      //converts to celsius then puts in .celsius div
       celsius = fahrenheit - 32;
    var celsius = celsius * 5;
    var celsius = celsius / 9;
    var celsius = parseInt(celsius);
    $(".celsius").html(celsius);
    },
  });
});

if (fahrenheit > 55) {
    $(".scarf").html('<img src="img/scarf.svg"></img>');

} else {

    $(".scarf").html("");
};

Answer 1

您应该将以下代码放入 success 回调中。 (Ajax异步工作。)

if (fahrenheit > 55) {
    $(".scarf").html('<img src="img/scarf.svg"></img>');
} else {
    $(".scarf").html("");
};