javascriptで関数外で宣言したグローバル変数に関数内の値を渡したい

Question

前提・実現したいこと

javascriptで関数外で宣言したグローバル変数に関数内の値を渡す方法を探しています。
下に張ったソースコードではスコープの問題により"awawa"が出力されてします。
私の知る限りでは引数なしのinput()関数等で実装するものがありますが、このケースではAPI呼び出しによりonSuccess()関数が実行されるため、let desc = onSuccess(json);のように書くことが出来ません。

ソースコード

let desc = "awawa";

function onSuccess(json) {
	desc = json.results.spot[0].description;
}

console.log(desc);

出力

awawa

json.results.spot[0].descriptionの内容を出力してほしい。
このdescは別のjsファイルに読み込まれるためonSuccess()内で出力しても意味がない。

Comments

[miyabi_pudding]

スコープの問題ではなく、
単に、onSuccess()を実行しないと、
そりゃ、そのまま下のconsole.logが実行されて終了（値の変化なし）って話なだけかと。
Promiseは使用しても大丈夫な環境でしょうか？？
それならばやりようがあるかと思います。

[team7]

回答ありがとうございます。
promiseを今知ったのですが良さげなので試してみようと思います。

[raccy]

onSuccessが具体的に何処でどのように使われているのでしょうか？上のコードではonSuccessが実行されることが永遠に無いため、書き換わることはあり得ません。

[team7]

回答ありがとうございます。
jsonpのコールバックにより呼び出されています。

[miyabi_pudding]

その、jsonpであることと、
コールバックで実行しているなら、そのコールバックの実行部分のコードも記載された方がいいかと。
って、もう解決されてましたか・・・。

Answer 1

タイミングの問題に過ぎないと思いますよ。

ご提示のコードで console.log() を１行追記してみてください。

let desc = "awawa";

function onSuccess(json) {
    desc = json.results.spot[0].description;
    console.log(desc); // イベント発火後

}
console.log(desc); // イベント発火前

イベント発火以降は、desc の内容が書き換わっているはずです。

初期値が必要な場合はこんな感じでしょうか。

const defaultDesc = "awawa";
let desc = defaultDesc;

追記）

onSuccess()内で出力しても意味がない

イベントハンドラを介する限り、イベント伝搬された後で結果を得て評価するはずですので、
コールバック地獄かフロー制御か、いずれかを選択しなければなりません。

同期的に書きたいなら、後者(Promise)での解法はないかイベント発生源のコードも含めて検討すべきです。

Comments

[team7]

回答ありがとうございます。
確かにイベント発生後は変数の値が変わっていました。
それを踏まえたうえでコードを書き直してみようと思います。

Answer 2

ちょっとよくわからないのですがreturnさせれば良いのでは？

let desc = "awawa";

function onSuccess(json) {
    return json.results.spot[0].description;
}

console.log(onSuccess());

で

let desc = "awawa";

function onSuccess(json) {
    return json.results.spot[0].description;
}

var result = onSuccess();

if(result!==undefined){
  let desc = result;
}
console.log(desc);

Comments

[kyoya0819]

特に検証していないので間違っていたらお教えいただけると幸いです。

[team7]

回答ありがとうございます。
これは完全に私の説明不足なのですが、
onSuccessが値を持つためにイベントハンドラーで呼び出される仕組みになっているため
var result = onSuccess();の書き方が出来ない感じです

[kyoya0819]

そもそもの疑問なのですが、「awawa」と該当処理を同じ変数に入れる理由は何でしょうか？

初期値の関係でしょうか？

[team7]

変数descは複数のjsファイルでの値の仲介の役割をしていて、
受け取った側で値が更新されているかの確認のためであるため
特に深い意味はありません。
分かりにくくて申し訳ないです。