ios - 举例说明声明式语法和指令式语法？

Question

SwiftUI 是声明式语法，对比与指令式语法的话，可以举例说明它们的区别吗？

Answer 1

声明式语法与指令式语法的区别：

声明式语法：

• 概念：声明式编程是一种编程范式，其中程序员告诉计算机应该做什么，而不是如何去做。它通常关注于描述问题的解决方案，而不是描述解决方案的具体步骤。
• 例子（SwiftUI）：在 SwiftUI 中，你声明了你想要的界面元素和它们之间的关系，而不是告诉 SwiftUI 如何绘制这些元素。例如，你可以声明一个按钮（Button）和一个标签（Label），并将它们关联起来。当按钮被点击时，标签的文本会改变。

Button(action: {    self.counter += 1}) {    Text("Tap me")}.padding().background(Color.blue)Text("You've tapped \(counter) times")

在上面的例子中，你没有告诉 SwiftUI 如何绘制按钮或标签，也没有告诉它如何响应按钮的点击事件。你只是声明了这些元素和它们之间的关系。

指令式语法：

• 概念：指令式编程是另一种编程范式，其中程序员告诉计算机如何做事情。它通常关注于描述解决问题的具体步骤。
• 例子（UIKit）：在 UIKit 中，你可能会使用指令式的方式来创建和更新 UI。你需要明确地告诉 UIKit 如何绘制按钮、标签等，以及如何处理用户交互。

let button = UIButton(type: .system)button.setTitle("Tap me", for: .normal)button.addTarget(self, action: #selector(tapAction), for: .touchUpInside)button.translatesAutoresizingMaskIntoConstraints = falselet label = UILabel()label.text = "You've tapped 0 times"label.translatesAutoresizingMaskIntoConstraints = falseview.addSubview(button)view.addSubview(label)NSLayoutConstraint.activate([    button.centerXAnchor.constraint(equalTo: view.centerXAnchor),    button.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: -50),        label.centerXAnchor.constraint(equalTo: view.centerXAnchor),    label.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: 100)])@objc func tapAction() {    counter += 1    label.text = "You've tapped \(counter) times"}

在上面的 UIKit 例子中，你需要明确地创建按钮和标签，设置它们的属性，添加目标动作来处理用户交互，以及添加约束来确定它们在视图中的位置。这是指令式编程的一个例子，因为你正在告诉 UIKit 如何做这些事情。

总结：

• 声明式语法：关注于描述你想要的结果，而不是如何达到这个结果。它通常更加简洁和易于理解，但可能需要更多的抽象和学习。
• 指令式语法：关注于描述如何达到你想要的结果。它通常更加灵活，但也可能更加复杂和难以维护。

SwiftUI 使用声明式语法，使得创建和更新 UI 更加直观和简洁，而 UIKit 使用指令式语法，提供了更多的灵活性和控制。