带有 UiTextField 的 RxSwift

Question

我是 RxSwift 新手，我正在尝试执行以下操作，

• 用户类型是搜索UiTextField
• 应用必须在用户完成输入后等待 1 秒，以确保不会在按下每个字母写入或删除按钮时点击 Api。
• 应用点击我的 Api 进行搜索

我尝试了以下代码作为示例

class DestinationSearch: UIViewController {
    

    let searchTF = UITextField()    
    var disposeBag = DisposeBag()


    override func viewDidLoad() {
        super.viewDidLoad()

        setUpUI()
        
        
        searchTF.rx.controlEvent(.editingChanged)
            .throttle(.milliseconds(1000), scheduler: MainScheduler.instance)
            .withLatestFrom(searchTF.rx.text)
        .subscribe(onNext:{ query in
            print(self.hitSomeApi(query: query ?? "--"))
        }).disposed(by: disposeBag)

    }

func hitSomeApi(query: String) -> String {
        return query + " Response from API"
    }

当我运行应用程序并开始输入时，我会收到 Response from API 消息，每个字母或退格按钮都被按下！为什么throttle 延迟不起作用？我在这里做错了吗？

任何帮助将不胜感激

Answer 1

根据您对问题的描述，debounce 运算符似乎比 throttle 更合适。 debounce 仅在经过一定时间（未发出任何内容）后才发出元素，而 throttle 确保元素至少相隔一定时间间隔发出。

我可以确认您使用 throttle 的代码按我预期的那样工作 - 如果我输入非常快，“来自 API 的响应”消息大约每 1 秒出现一次。如果我打字很慢，慢于每秒 1 次击键，那么只要我按下一个键就会出现消息。换句话说，只要有编辑更改事件，throttle 就会检查是否有一个不到 1 秒前的事件。如果有，请忽略这个新的。

但是如果你使用debounce（相同的代码，只需将throttle 替换为debounce），那么在每次击键后，它会等待1 秒以查看文本字段是否会再次更改。如果它已经等待并且没有更多的编辑更改事件，它只会发出编辑更改事件。因此，如果您继续以高于每秒 1 次击键的速度输入，则 observable 将不会发出任何元素。这似乎是你想要的。

您可以在 RxMarbles 上比较这两个运算符（它们在此处的名称略有不同）：

• debounceTime
• throttleTime