搜索后点击取消的疑问

Question

老师，这节课的点击取消不返回数据有点疑问

this.cancelable = makeCancleable(fetch(this.getFetchUrl(this.inputKey)))在获得这个方法实例的时候，我还没点击取消，假设resolve(val)异步操作已经返回结果，代码执行到这里

.then()操作也是异步的吧，此时拿到了resolve(val)的返回数据正在异步处理但是界面还没加载出项目，我点击了取消，这个时候数据已经拿到了啊，我再调用this.cancelable.cancel()修改hasCanceled_应该是没用的啊，还是会显示搜索的项目出来？因为在我点击取消之前数据已经返回了，只是在异步处理界面没有加载出来。假如我点击取消程序还运行在这里才是有用的吧

就是还没有使用hasCanceled_标志位判断是否返回数据，就是下面这一步还没执行到

不知道理解的对不对，有点蒙圈了，希望老师细致的讲解一下

Answer 1

CrazyCodeBoy 2018-08-29 09:50:33

fetch发出去的请求就像放进水里的鱼是，请求时无法取消的，只有等请求回来，决定处不处理这次请求所返回的结果，cancelable的设计就是解决这一问题的。

• 提问者 Leonard_ #1

  就是说已经resolve(val)返回数据了，外面.then()还在处理解析数据，界面没有渲染，我此时点了取消不就没用嘛，因为数据已经返回了，hasCanceled_这个是判断是否返回数据，外面可以.then()拿到，还是.catch()不处理，因为外面拿到数据后对数据处理也是异步的啊，处理过程我点了取消应该没用才对