Как присвоить значение переменной через функцию?

Question

[Let_peace]

Есть скрипт, в котором я хочу присвоить некоторое значение переменной x с помощью функции x_value, но в консоли выходить undefined, т.е. внутри функции сначала срабатывает return a;, а потом уже $.getJSON. Как грамотно это сделать?

function x_value() {
  var a;
  $.getJSON("./json.json", function (data) {
    var b = data["key_1"];
    a = b.toString();
  });
  return a;
}
var x = x_value();

Comments

[Дмитрий Беляев]

почитайте про асинхронность, даже здесь на qna таких вопросов море

Answer 1

[kocherman]

let x;
function abc(num){
  return () => {
       return num**2;
   }
}
x = abc(4);
console.log(x()); // 16


(async ()=>{
   let x = await promisify($.getJSON)('./json.json');
  console.log( x ) // ...твоя data...
})();


// A simplified implementation of `util.promisify()`. Doesn't
// cover all cases, don't use this in prod!
function promisify(fn) {
  return function() {
    const args = Array.prototype.slice.call(arguments);
    return new Promise((resolve, reject) => {
      fn.apply(this, [].concat(args).concat([(err, res) => {
        if (err != null) {
          return reject(err);
        }
        resolve(res);
      }]));
    });
  };
}

или вы не про это? какую цель преследуете?

Comments

[Let_peace]

просто внутри $.getJSON я получаю значение b, которое перевожу в строку и присваиваю переменной a. Эту переменную a я хочу получить за пределами функции x_value()

[kocherman]

Let_peace, Так с этим проблем нет. Области видимости в современном JavaScript работают чопорно: разделяются фигурными скобками.

let a = 1;
{  
   let a = 2;
   console.log('a=',a); // 2
}
console.log('a=',a); // 1
{  
   a = 3;
}
console.log('a=',a); // 3

Что там может быть непонятного?

[kocherman]

Let_peace, я поначалу думал что ваша проблема заключалась в том, что скрипт продолжает выполняться, а $.getJSON вызывает callback гораздо позже, чем вы читаете значение этой переменной...

[Let_peace]

Это я понимаю, да. Но проблема в том, что внутри $.getJSON я меняю переменную, а уже за пределами $.getJSON она все еще не определена

function x_value() {
  var a;
  $.getJSON("./json.json", function (data) {
    var b = data["key_1"];
    a = b.toString();
    console.log(a);  // значение b
  });
  console.log(a); // undefined
  return a;
}
var x = x_value();
console.log(x); //undefined

[kocherman]

Let_peace, Она не неопределена. Просто код колбака $.getJSON еще не выполнился.
Вот эта конструкция решит все ваши проблемы.

(async ()=>{
   let x = await promisify($.getJSON)('./json.json');
  console.log( x ) // ...твоя data...
})();

[kocherman]

Let_peace, для наглядности попытаюсь дать код, объясняющий на пальцах

const promisify = fn=>(
    (...args)=>(
         new Promise(
              (resolve,reject)=>fn.apply(null,[
                   ...args,
                   (err,res)=> (err!=null?reject(err):resolve(res))
              ])
         )
     )
);

const testSuccess = (arg,cb) => { cb(null,arg) };

const testFailed = (arg,cb) => { cb(new Error(arg)) };

(async()=>{ 
  let fn = promisify(testSuccess); 
  let res = await fn('Успех'); 
  console.log(res); 
})();

(async()=>{ 
  let fn = promisify(testFailed); 
  let res = await fn('Ошибка'); 
  console.log(res); 
})();

[Let_peace]

kocherman, все, понял, спасибо большое за такое объяснение!