SwiftUI逃逸闭包捕获可变self参数：如何保存Chest数据？

错误原因 #

你遇到的问题本质是SwiftUI的View是值类型，当你在逃逸闭包中捕获self（比如按钮点击的action闭包），而self包含需要修改的@State或可变属性时，编译器会报错——因为值类型的self在mutating操作时会被替换，逃逸闭包可能在self实例销毁后执行，存在安全隐患。

模块化友好的解决方案 #

核心思路是将状态管理和业务逻辑完全剥离到ViewModel，让View只负责展示和传递用户操作，避免在闭包中捕获可变的View实例。

步骤1：重构ViewModel，封装状态和业务逻辑

把宝箱的生成、展示状态都放到ObservableObject的ViewModel中，统一管理：

class ShopViewModel: ObservableObject {
    // 存储生成的宝箱对象
    @Published var currentChest: Chest?
    // 控制宝箱视图的展示状态
    @Published var shouldPresentChest = false
    
    // 封装宝箱购买逻辑
    func processChestPurchase() {
        // 调用你的handleChestItemsBoughtForChest生成宝箱
        let newChest = handleChestItemsBoughtForChest()
        currentChest = newChest
        shouldPresentChest = true
    }
    
    // 原有的宝箱生成逻辑（如果之前是View中的方法，移到这里）
    private func handleChestItemsBoughtForChest() -> Chest {
        // 你的宝箱生成代码
        return Chest(/* 初始化参数 */)
    }
}

步骤2：重构ShopView，按钮数组绑定ViewModel方法

在ShopView中，按钮的点击action直接调用ViewModel的方法，完全避免捕获self：

struct ShopView: View {
    @ObservedObject var viewModel: ShopViewModel
    
    // 模块化的按钮配置数组
    private var shopButtons: [(imageName: String, action: () -> Void)] {
        [
            (imageName: "chest_icon", action: viewModel.processChestPurchase),
            // 其他按钮配置...
        ]
    }
    
    var body: some View {
        VStack(spacing: 16) {
            // 遍历按钮数组生成UI
            ForEach(shopButtons, id: \.imageName) { button in
                Button(action: button.action) {
                    Image(button.imageName)
                        .resizable()
                        .frame(width: 60, height: 60)
                }
            }
        }
        // 绑定ViewModel的展示状态
        .sheet(isPresented: $viewModel.shouldPresentChest) {
            ChestView(chest: viewModel.currentChest)
        }
    }
}

可选：如果需要传递参数给按钮action

如果某个按钮需要传递特定参数（比如不同宝箱类型），可以用捕获ViewModel的闭包，避免捕获self：

private var shopButtons: [(imageName: String, action: () -> Void)] {
    [
        (imageName: "bronze_chest", action: { [viewModel] in
            viewModel.processChestPurchase(for: .bronze)
        }),
        (imageName: "gold_chest", action: { [viewModel] in
            viewModel.processChestPurchase(for: .gold)
        })
    ]
}

同时在ViewModel中更新方法：

func processChestPurchase(for type: ChestType) {
    let newChest = handleChestItemsBoughtForChest(type: type)
    currentChest = newChest
    shouldPresentChest = true
}

为什么这符合模块化要求 #

• View层只负责渲染UI和转发用户操作，不包含业务逻辑，保持单一职责。
• ViewModel层封装所有状态和业务逻辑，便于测试和复用。
• 按钮数组的配置和业务逻辑解耦，后续新增按钮只需在数组中添加配置，无需修改核心逻辑。

内容的提问来源于stack exchange，提问作者Zack Cheang Weng Seong