クロージャに関するコードの意味が自分の理解であっているか見てほしい

Question

Swift初心者です。
いま、勉強中なのですが、下記のコードの理解があっているか見て頂きたいです。

import FirebaseStorage

struct ImageUploader {
--------------------------------------------------------------------------------
① static func uploadImage(image: UIImage,completion: @escaping(String) -> Void) {

クロージャを使用。引数に @escapingを用いることにより後続処理を行う。後続処理のcompletion(imageUrl)が確定した時点で第二引数のcompletionの値が決定する。
--------------------------------------------------------------------------------
        guard let imageData = image.jpegData(compressionQuality: 0.75) else { return }
        let filename = NSUUID().uuidString
        let ref = Storage.storage().reference(withPath: "/images/(filename)")
---------------------------------------------------------------------------------
②　        ref.putData(imageData, metadata: nil) { (metadata, error) in
クロージャを使用。 
---------------------------------------------------------------------------------
            if let error = error {
                print(error.localizedDescription)
                return
            }
            ref.downloadURL { (url, error) in
                guard let imageUrl = url?.absoluteString else { return }
---------------------------------------------------------------------------------
③　　　 completion(imageUrl)
Firebaseにアップロードした画像のURLを取得。completionに入った値が第二引数のcompletion: @escaping(String) -> Void)に格納
----------------------------------------------------------------------------------
            }
        }
    }
}

よろしくお願いします。

Answer 1

① 「後続処理のcompletion(imageUrl)が確定した時点で第二引数のcompletionの値が決定する。」の意味がよく分かりません。「確定」や「決定」はどういう意味で使ってますか？

② ここは、引数で渡された completion とは別のクロージャを使ってますね。

③ imageUrl を引数としてクロージャ completion を呼び出してます。

---

completion クロージャが実行とはどのコードが実行されるのでしょうか。

たぶん、呼び出し側はこんな感じになると思いますが、

    ImageUploader.uploadImage(image: image, completion: { (imageUrl: String) in
        print(imageUrl)
    })

    ImageUploader.uploadImage(image: image) { (imageUrl: String) in
        print(imageUrl)
    }

この 2 つは同じ意味 (後者が「接尾クロージャ」というやつ) で、{ 〜 } の部分が uploadImage メソッドの第 2 引数である completion クロージャになります。(imageUrl: String) in の部分はこのクロージャが文字列型の引数 imageUrl を受け取ることを意味していて、このクロージャの中身 (上の例では print(imageUrl)) が、画像のアップロードが完了した時に実行される部分になります。

---

completion クロージャとはコードのどこ箇所だったでしょうか。

クロージャは、下の画像で選択された部分です。

また、クロージャをいったん変数に格納して渡すこともできます。

    let completion = { (imageUrl: String) in
        print(imageUrl)
    }

    ImageUploader.uploadImage(image: image, completion: completion)

Comments

[ozwk]

①は

https://teratail.com/questions/314638

の参考にしたというnoteの記事（正直参考にしないほうがいいと思う）からだと思います

[momokoko]

回答ありがとうございます。

①については、記事を参考にしています。ちゃんと自分で理解した訳ではないので①の質問は切り上げたいと思います。

③ 呼び出しているのは①のcompletionでしょうか。

また、このコードの全体の意味としては
「画像をアップロードして、そのURLを返す」
という理解であっているでしょうか。

[hoshi-takanori]

> ③ 呼び出しているのは①のcompletionでしょうか。
です。

> 「画像をアップロードして、そのURLを返す」
uploadImage メソッドには戻り値はありません。また、uploadImage メソッド自体はアップロードを開始したら終了しますが、その後アップロードが終了した時点で、imageUrl を引数として completion クロージャが実行されます。

[momokoko]

③
理解しました。

completion クロージャが実行とはどのコードが実行されるのでしょうか。

[momokoko]

例まで作成していただき説明ありがとうございます。

例文の実行処理に関しては腑に落ちました。

自分のコードでは　アップロードが終了した時点でどの処理が実行されているのでしょうか。

[hoshi-takanori]

まず、uploadImage メソッドの ② のところですが、
ref.putData(imageData, metadata: nil) { (metadata, error) in
の { (metadata, error) in から、対応する } までが一つのクロージャになっていて、ref.putData という Firebase のデータ書き込み処理が完了した時にこのクロージャが実行されます。

この中では、if let error = error { でデータ書き込みが成功したかどうかで場合分けして、error が nil でない (つまり、失敗した) 場合は print(error.localizedDescription) でエラーメッセージを表示し、else (つまり成功した) 場合には guard let を使って imageUrl が nil じゃないことを確認して、nil じゃない場合に ③ completion(imageUrl) で completion クロージャを実行します。

[momokoko]

ありがとうございます。
コメントによる質問にもお答え頂きありがとうございました。

[momokoko]

すみません質問を見返していたら、わからないところがあって、質問を閉じてしまっている段階で恐縮ですが追加で質問させてください。

completion クロージャとはコードのどこ箇所だったでしょうか。