firestoreにアップした画像URLを変数に格納できない

Question

前提・実現したいこと

nuxt.jsとfirebaseでwebアプリを作成しています。
firestorageにアップした画像のurlを取得し、それを変数に格納する処理を書いているのですが、なぜか格納されずに困っています。
お心当たりある方いましたら助けて頂けないでしょうか...!

発生している問題・エラーメッセージ

console.log(url)で画像URLが表示されているのに、console.log(path)で表示されないという問題が起きています。

該当のソースコード

let path = ''
firebase.storage().ref().child('clan/images/' + fileName).getDownloadURL().then(url => {
  console.log(url)
  path = url
})

console.log(path)

Answer 1

アロー関数のスコープの問題だと思います。

.bind(this)をつけることで、アロー関数内でpathを参照できるようになるかと思います。（動作確認してません。。）

let path = ''
firebase.storage().ref().child('clan/images/' + fileName).getDownloadURL().then(url => {
  console.log(url)
  this.path = url // this.pathに変更
}.bind(this)) // ここに.bind(this)を追加する

console.log(path)