js闭包是干什么用的 作用

来源 阮老师的博客

B站视频-结合上下文, 作用域链的理解

ES6扩展运算符实现数组的深拷贝

用下面的方法实现数组的深拷贝是最简单的。

1
2
3
4
5

var arr = [1,2,3,4,5]
var [ ...arr2 ] = arr
arr[2] = 5
console.log(arr)
console.log(arr2)

太妙了!

有的人看不见那道门, 按部就班地生活.

有的人看见了门却看见了锁, 心安理得地生活.

有的人看见了门与锁以及瓶中的钥匙, 却没有追寻的勇气, 备受煎熬地生活….

缘由: 在react-redux的redux部分不支持异步代码, 当前我们其实是redux部分reducer与action-creator共同提供修改状态的方法. 异步部分在component中实现.

为了在redux中设计异步操作, 我们需要使用 redux-thunk(异步中间件)

react-redux是什么

1) 一个react插件库

2) 专门用来简化react应用中使用redux

上一篇中我们已经利用redux实现了基本的通信需求. 然而为了简化其写法.

如读取数据 采用let state = this.props.store.getState();每一次读取都需要调用getState

修改数据 采用this.props.store.dispatch({type:INCREASE,data: num }) 每一次修改都需要dispatch.

我们可以通过react-redux插件来用更简单的写法来更加优雅地实现上述功能.(以及解决多层传递问题)

1. export default

1
2

export default class App extends Component {
    render (){ ...

1

import App from './component/app'; //其实App不需要和export一直,import本身就默认是App导入了,此处只是自定一个引用名

1.redux是什么?

1) redux是一个独立专门用于做状态管理的JS库 (不是react插件库) 你看他的名字就没有react!

2) 它可以用在react, angular, vue等项目中, 但基本与react配合使用

3) 作用: 集中式管理react应用中多个组件共享的状态

我们目前就是’状态在哪里, 修改状态的行为就定义在哪里’, 也算是集中式管理. 但对于大型项目就很麻烦了. 思考将所有状态和方法封装在redux中, 之后传递给需要的组件.