当前位置:   article > 正文

SwiftUI中Task await async组合使用调用异步函数_swiftui 异步调用函数

swiftui 异步调用函数

最近在新的第三方代码中经常看到SwiftUI使用Task await async这3个关键字组合使用,今天研究了一下.发现可以用于swiftUI界面调用也不方法.3个组合使用.
async: 函数来执行异步任务.
await: 等待任务完成并获取结果。这样可以让异步编程的代码更加简洁和易读。

下面是一个SwiftUI中使用Task async/await 的示例代码:
这个代码的运行结果是点击按钮以后,会读取一个url,这个过程中按钮点击以后让变量isLoading = true被禁用,不能点击. 禁用按钮
Task让界面可以执行异步方法,并且在后台执行
await让代码执行完异步函数fetchData之后继续向下执行,让isLoading = false,可以继续点击按钮


import SwiftUI

struct ContentView: View {
    @State private var isLoading = false
    @State private var data = ""

    var body: some View {
        VStack {
            Text(data)
                .padding()
            Button("Fetch Data") {
                Task {
                /*
                Task作用:在使用 async/await 时,不能在主线程中直接调用异步函数。因为异步函数会阻塞当前线程直到异步任务完成,这可能会导致 UI卡死将异步任务封装在 Task 中,Task 会自动将任务放到后台线程执行
                */
                    isLoading = true
                    let result = await fetchData()
                    data = result
                    isLoading = false
                }
            }
            .disabled(isLoading)
            .padding()
        }
    }

    func fetchData() async -> String {
        let url = URL(string: "https://jsonplaceholder.typicode.com/todos/1")!
        let (data, _) = try! await URLSession.shared.data(from: url)
        return String(data: data, encoding: .utf8)!
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

在 fetchData() 函数中,我们使用了 async 修饰符来定义了一个异步函数。在函数体中,我们使用 await 关键字来等待 URLSession.shared.data(from: url) 函数的完成,并且直接从函数中返回结果。

值得注意的是,在使用 async/await 时,不能在主线程中直接调用异步函数。因为异步函数会阻塞当前线程直到异步任务完成,这可能会导致 UI 停滞不前。因此,我们可以将异步任务封装在 Task 中,Task 会自动将任务放到后台线程执行。

在 SwiftUI 中,可以使用 Task 来创建和管理异步任务。Task 是一个异步任务的概念,用于表示一个需要在后台执行的异步操作。在上面的示例中,我们使用 Task 来管理 fetchData() 异步函数。

当我们点击按钮时,会触发一个闭包,其中使用 Task 包装了 fetchData() 函数。Task 会自动将 fetchData() 函数放到后台线程中执行,以避免在主线程中阻塞 UI。

同时,Task 会在异步任务完成后自动更新视图。在上面的示例中,我们在异步任务开始和结束时分别将 isLoading 状态变量设置为 true 和 false,以便在用户等待数据加载时禁用按钮。

Task 可用于创建和管理异步任务,并自动处理异步任务的生命周期和结果。使用 Task 和 async/await,可以编写更加简洁、易读和可维护的异步代码。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/460708
推荐阅读
相关标签
  

闽ICP备14008679号