前端菜鸟成长记(四)之answer

2018-12-03  本文已影响0人  貓咪是大王

关于昨天作业的答案

输出结果是什么

刚看到这个题目,会以为输出的是1,2,3,4,5,6

因为定时器是一个异步操作,会在同步代码执行结束后才能执行,也就是for循环执行结束后 i 就变成了6。

怎么让他输出从0到5

for(var i = 0; i < 6; i++ ) {
     // console.log(i);
     (function(a){
        setTimeout(function timer () {
           console.log(a); //操纵变量a,和i无关
         }, i*1000);
      })(i)
}

上次就有讲过 本次作业是关于闭包的,所以今天这一题就用闭包的方法来跟大家讲,后续我会更新更简单的方法给大家
此时为啥就这样输出了呢?

这里就用到了闭包,新建一个作用域(function(a){})(i),把每次循环得到的i保存起来,闭包形成的作用域也不会被销毁,闭包其实就是函数对上级作用域中变量的捕获,函数在,闭包在,函数没人引用了,闭包也就随之被销毁。

现在有这么个需求。我有三个ajax,要求他们异步发送,但是要按发送顺序把他们的结果存进一个数组里,简述一下实现思路即可
假设这里现在有三个ajax请求参数不一样,


他们分别是有序列表的三行数据,所以这三个ajax的结果也需要按顺序放置因为我们并不知道他们什么时候返回结果。这里的ajax就像上一题里面的setTimeout,但是我们并不知道返回时间,所以发送请求时我们可以给ajax编号,第一个ajax的结果放在数组第一位,以此类推,第二个第二位,第三个第三位,每轮循环的时候保存这个编号,这就是闭包,由于业务方要求三个请求一起发送,此时promise和async await都没法用,只能用闭包,因为 promise和async都会把几个异步任务整理成同步队列 ,上一个完成了下一个才会执行,不能满足同时发送的要求。

这里跟大家分享下今天工作遇到的一个问题




我这边拿到了数据,并把数据放入lists数组中,



但是列表中数据依然空空如也?我的数据呢?
数组里的对象属性增减也不触发双向绑定。数组没有对象那样的双向绑定。
// this.reasonLists[i].title = response.data.title
  this.$set(this.checkMain[i],'title',response.data.title)
  this.$set(this.checkMain[i],'model',response.data.model)
// console.log(this.reasonLists[i].title)

以后遇到vue里数据更新了视图没更新,要条件反射想到是数组没法双向绑定的问题。
希望对你有所帮助,前两题,可以参考这个地址 博主讲的很细https://www.cnblogs.com/hahazexia/p/9446585.html

上一篇 下一篇

猜你喜欢

热点阅读