Magento 2 Checkout模块JS中VIEW、ACTION、MODEL文件夹的作用疑问

这三个文件夹是Magento前端架构遵循MVC设计模式的具体实现，绝非单纯的文件分类，核心设计目的如下：

• Model层：聚焦数据逻辑与状态管理，对应后端Model的职责。比如处理购物车商品数据的读写、结账信息的验证计算、订单状态的维护等，确保前端数据的一致性和可复用性，避免零散的数据处理代码。
• Action层：承担前端的调度控制角色，作为Model和View的中间层。它封装用户交互的业务动作（比如点击结账步骤的“下一步”），调用Model完成数据更新，再触发View的界面刷新，避免View直接操作Model，降低代码耦合度。
• View层：专注UI渲染与交互展示，负责将Model的数据转化为用户可见的界面元素，比如结账表单、进度条、错误提示等。它仅监听状态变化并更新界面，不涉及数据运算逻辑。

这种结构和后端MVC架构对齐，既方便前后端开发人员协作理解，又遵循单一职责原则，后续维护或扩展结账功能（比如新增支付方式、修改地址验证规则）时，能快速定位对应模块，大幅提升代码的可维护性。

内容的提问来源于stack exchange，提问作者Abhishek