Возвращаемое значение, обернутое вокруг анонимной функции в javascript

Question

Может ли кто-нибудь объяснить мне, что не так с областью checkX()? Я подозреваю, что это неправильно - анонимная функция каким-то образом блокирует его, но я не уверен, как обойти это.

storage = chrome.storage; 

function checkX(){ 
    var x = false; 

    storage.sync.get(function(data){ 
     if(data.x == true){ 
       x = true; 
       console.log(x); // << x : true 
     } 
    }); 

      console.log(x); // << x : false 
    return x; 
} 

console.log заказ Результат:

x : false 
x : true 

Answer 1

2 вещи, которые могли бы, вероятно, й will- бросить вас:

1. JavaScript чувствительны к регистру
2. метод get, используемые вами являетесь асинхронным, ваш IIFE возвращает до пропущенного функция обратного вызова выполняется, поэтому она вернет значение x, прежде чем обратный вызов изменит его.

Edit:
Метод get просто геттер, достаточно справедливо, однако существует большая разница между chrome.storage.sync.get, который получает данные с помощью Google Sync и chrome.storage.local.get, что (почти) то же самое как использование объекта localStorage, с дополнительными преимуществами событий. По крайней мере, это то, что мне говорят на первый взгляд Google's docs?

Из приведенных ниже комментариев:
Проблема здесь в том, как и когда JS вызывает функцию обратного вызова. Несмотря на то, что получатель, используемый OP, получает локальные данные, IIFE должен возвращаться первым, прежде чем JS, будучи однопоточным, может вызвать обратный вызов. Вот почему IIFE возвращает false.

Answer 2

Javascript чувствителен к регистру. Что вы делаете, так это создание глобальной переменной x, которая равна true, тогда как локальная переменная X остается false.

storage = chrome.storage; 

function checkX(){ 
    var X = false; 

    storage.sync.get(function(data){ 
     if(data.x == true){ 
      x = true; <--- global variable 
     } 
    }); 

    return x; 
} 

---

Другой вопрос, будет ли ваша функция будет выполнена в storage.sync.get бежит асинхронные из «checkX», что означало бы, что сначала вернуть е и только позже (после того, как вы вернули его). Это произойдет точно, если storage.sync.get - это вызов ajax.