**
download:React17 系统精讲 结合TS打造旅游电商平台
React—大厂前端必备的技能点。本课程将带你系统学习 React17 的完整技术体系，并结合 TypeScript 开发热门业务应用，实现对于框架的深度掌握，助你提升硬实力，快人一步进大厂。
**
**
技术要求
1.熟悉 HTML、JavaScript、CSS 等前端基础 2.了解 Typescript 基础语法
**
**
环境参数
Node : v14（向下兼容至v10） React : 17.0.1 Typescript : 4.1.2 Redux : 4.0.5 Antd : 4.9.2
func AsyncAdd(run func() error) {
//TODO: 扔進異步協程池
go run()
}
func GetInstance(ctx context.Context,id uint64) (string, error) {
data,err := GetFromRedis(ctx,id)
if err != nil && err != redis.Nil{
return "", err
}
// 沒有找到數據
if err == redis.Nil {
data,err = GetFromDB(ctx,id)
if err != nil{
return "", err
}
AsyncAdd(func() error{
return UpdateCache(ctx,id,data)
})
}
return data,nil
}
func GetFromRedis(ctx context.Context,id uint64) (string,error) {
// TODO: 從redis獲取信息
return "",nil
}
func GetFromDB(ctx context.Context,id uint64) (string,error) {
// TODO: 從DB中獲取信息
return "",nil
}
func UpdateCache(ctx context.Context,id interface{},data string) error {
// TODO：更新緩存信息
return nil
}
func main() {
ctx,cancel := context.WithTimeout(context.Background(), 3 * time.Second)
defer cancel()
_,err := GetInstance(ctx,2021)
if err != nil{
return
}
}
剖析
我們先简單剖析一下，這一段代码要幹什麼？其實很简單，我們想要獲取一段信息，首先會從緩存中獲取，假如緩存中獲取不到，我們就從DB中獲取，從DB中獲取到信息後，在協程池中放入更新緩存的辦法，異步去更新緩存。整個設計是不是很圆滿，但是在實践工作中，異步更新緩存就沒有勝利過？
招致失敗的缘由就在這一段代码：
AsyncAdd(func() error{
return UpdateCache(ctx,id,data)
})
复制代码
錯誤的缘由只要一個，就是這個ctx，假如改成這樣，就啥事沒有了。
AsyncAdd(func() error{
ctxAsync,cancel := context.WithTimeout(context.Background(),3 * time.Second)
defer cancel()
return UpdateCache(ctxAsync,id,data)
})
**
