RxJs

脚本加载 = 脚本下载 + 执行

一般是同时下载4个js文件依次执行先返回的js文件

回调地狱问题

一个变量什么时候变化你是很难跟踪的

try...catch 是没有用的

   try{
       a = 1/b
   }catch(error){
       a = 100
   }
   console.log(a) //100

必须在真正执行的地方 try catch

如果你监听了一个函数这个函数会不会一直存在呢
这个函数一直在内存里就叫内存泄露

let febIterator = ()=>{
    let array = [0,1]
    let index = 0
    return{
        next(){
            let value = array[index]
            if(array[index] === undefined){
                array[index] = array[index-1] + array[index-2]
                value = array[index]
            }
            index += 1
            return {
                value: value,
                done:false
            }
        }
    }
}

let fi = febIterator()
fi.next()      0
fi.next()      1
fi.next()      1
fi.next()      2
fi.next()      3
fi.next()      5

迭代器可以用来懒计算你问我的时候我再计算

var febIterator2 = function*(){
    let array = [0,1]
    let index = 0
    while(true){
        let value = array[index]
        if(array[index] === undefined){
            array[index] = array[index-1] + array[index-2]
            value = array[index]
        }
        index ++
        yield value
    }
}
var fi2 = febIterator2()

代码不会一直执行吗不会的
它会每次 yield 之后就停下来等待你下次调动 next()

如果你不调用 next() 我这个 while 循环是不会进入下一次循环的

观察者模式 /发布订阅模式 -----平时的事件监听

迭代器主动要求变化

观察者被动接受变化

观察者模式按钮在迭代开发者按钮在把你当做迭代器用

人把按钮当做被观察的物体我们是观察者是开发者被 next() 了

按钮在主动通知你

button onclick observe.next()

一个 getTopRatedFilms 函数
传入一个 user

获取它的 videoLists
遍历一下把lists 里面的videos 过滤下
找出评分为5分的
得到的是多个数组
拍扁 concatAll

执行函数遍历结果打印出来

一个 getElemenetDrags 函数

传入一个元素el

获取它的 mouseDowns //记录下用户所有时间段鼠标点击的事件
遍历一下把 mouseDown s 里面的 mouseDown 做一个映射
每个mouseDown 之后有一系列的 mouseMove
关联它之后所有 mouseUp 之前的有效mouseMoves 事件
得到的是多个数组 //数组里多个有效的 mouseMove 事件
拍扁 concatAll

执行函数遍历结果获取鼠标移动的位置把元素的位置变为鼠标的位置

为了便于捕获错误

在成功的回调后添加错误回调结束回调

很像 promise 里的 then 但是 rxjs 提供了更多的操作 // 50多个

concatAll
{
    ...{1},
    .........{2............3},
    ............{},
    ..................{4}
}

同时记时
一段时间先发射1 完了记录下一个
一段时间发射2 还没完继续记录
一段时间有个空值先放到缓存先不发射完了记录下一个
一段时间有个4 先放到缓存先不发射完了记录下一个
继续记录发射完2 之后的值
一段时间发射3 完了查看缓存里的值
第一个是空不发射完了查看下一个
马上发射4

输入框提示

1、依次发射abcde 发几个请求？

1个用函数防抖过滤

2、竟态问题跑步的问题 race condition

1 先跑 2 后跑

谁先到终点 不知道 我哪知道 谁跑的快啊

可以用取消请求api 解决
一旦发送第二个请求前面的这个请求就要手动的取消订阅

在rxjs里不需要取消订阅只要你告诉我收集到哪里为止 takeUntil

定义一个迭代器

用户按的所有按键
函数防抖 250ms 250ms以内有重复的按键我就把最后一次按键发请求

遍历发射的值 ------每次debounce结束之后给我发送的值
我就用 getJson 请求
请求的值是 input的 value

我们请求是不是有可能失败啊
retry(3) 如果你发送请求失败了自动重新发送最多发送3次要是还是失败就不管了
有的时候你不需要重发
什么时候啊
当用户又开始按键的时候

我的请求需要一段时候响应响应的时候就会更新UI
当用户又开始按键的时候这里就有一段劫持

如果你的请求还没有成功用户就又按键了这个响应不要了
什么时候要呢用户又开始按键之前你已经响应了

abc 会对应一个c 一个c会对应像abc的请求一个请求会对应成一个响应
这个响应会更新我们的UI 如果这个响应慢了就不要了因为用户又输入了一次值
最终把所有的响应 concat进来

每次响应更新UI
如果出错了就给用户显示下出错信息
如果没有出错就对每一个响应 updateUI

----------a-b-c------------d-e-------------f----------->


-------------------c--------------e-------------f---------->

 
--------------------abc------------abcde----------abcdef---->

回到最初的代码

播放一部电影
首先把播放器初始化一下
然后播放的时候我要看用户能不能播放

首先player 初始化
初始化成功后发射一个值
监听用户的播放尝试 ---- 用户点击播放按钮用户按了下回车用户按了下空格
对每次尝试我要回去下 moveId
然后对电影进行建权
失败就重试最多3次
如果用户取消了我就 takeUntil

如果建权成功了我们会拿到电影票
每次播放会尝试拿它的电影票
如果拿到电影票了就把所有的电影票合起来

对每一次电影票就拿播放器播放
怎么可能有三个电影票都是在同一个播放器里播放的啊
播完第一个播第二个

RxJs

你可能感兴趣的:(RxJs)