fed-e-task-04-05

简答题

1.通过该项目，请简要说明 typescript 比 javascript 的优势在哪？

• TS支持静态类型，JS不支持。通过类型声明，在书写代码的时候通过 点运算符 就可以有准确的智能提示
• TS的类型检查可以有助于我们规避一些类型错误问题
• TS的类型和接口约束在一定程度上可以代替部分单元测试的作业了

2.请简述一下支付流程

• 用户选择完商品后点击购物车中的结算提交按钮，会生成一个带有订单号的订单
• 这时点击订单页的支付按钮，会将当前的订单号、购物商品信息、用户信息、送货地址等数据传给支付接口，并且打开支付页
• 在支付页支付完相应金额后会更新订单状态为已支付，并且跳转到支付成功页面

3.react-redux 的主要作用是什么，常用的 api 有哪些，什么作用？

react-redux 是 配合redux使用的，他可以将redux定义的store数据注入到组件中，也能让组件拿到全局状态，方便组件间的通信。

常用api：

• Provider 组件：提供共享的store，让通过props传递进来的store挂载到context环境上。
• connect：从store中获取数据和方法，注入组件，返回包含数据和方法的高阶组件。接受两个参数：mapStateToProps 和 mapDispatchToProps。
• useSelector：获取组件所需的store中的数据
• useDispatch：获取dispatch方法，用于发送action来更新store中的数据。
• applyMiddleware：中间件，对store.dispatch函数进行了改造，在发出action和执行reducer之间，增加了一些其他的功能
• compose：一个返回依次执行参数里面的方法的函数， 其内部是通过Array.prototype.reduceRight 函数实现的，一般redux项目使用多个中间件时会用到。
• mapStateToProps、mapDispatchToProps：将state和dispatch映射到props上

4.redux 中的异步如何处理？

• 在异步操作开始前，发送action，用来表示要发起异步操作，用户界面应该有所提示
• 在异步操作结束后，发送action，用来表示异步操作结束，根据异步操作的结果，对store中的数据和用户界面进行更新
• redux通常使用中间件来进行异步处理，常用的异步中间件包括 redux-thunk 和 redux-saga