一般情況時有非同步操作時,使用promise對這個非同步操作進行封裝。
一般分為兩步
new => 建構函式:
儲存一些狀態資訊
執行傳入的函式
用乙個簡單**實現以下,一層巢狀一層。每一次都執行這兩個步驟,雖**量略大,寫習慣後結構更加清晰。
具體**如下
lang
="en"
>
>
charset
="utf-8"
>
>
titletitle
>
head
>
>
src=
"../js/vue.js"
>
script
>
>
newpromise
((resolve,reject)
=>
,1000)}
).then
((data)
=>
,1000)}
).then((
)=>
,1000)}
).then((
)=>)}
)})script
>
body
>
html
>
控制台如下
注意
本身resolve,reject也是函式
new promise(
(resolve,reject)
=>
,1000)}
).then(
(res)
=>)}
).then(
(res)
=>
).then(
(res)
=>
).catch(
(err)
=>
)
控制台如下 Vue簡單介紹
vue vue.js的簡稱 是前端的主流框架之一,和angular.js react.js一起,成為前端三大主流框架,vue.js是一套構建使用者介面的框架,只關注檢視層,它不僅容易上手,還便於與第三方庫或既有專案整合 vue有配置的第三方類庫,可以整合起來做大型專案的開發 先來說明幾個概念 框架和...
vue簡單介紹 應用
vue是js框架 jq 漸進式框架 前端專案可以只有一部分使用vue,完全使用vue,作為乙個vue專案 版本 2.x 咱們學習,企業裡常用 3.x 最新的 m v vm思想 model view viewmodel 的縮寫,它是一種基於前端開發的架構模式 雙向資料繫結 架構 mvc mtv mvp...
Promise簡單使用
reject 方法 當promse中包含非同步操作時,例項的 then catch 會在下個 eventloop執行,但是promise中的 會同步執行 console.log 4 settimeout 200 const promise newpromise resolve,reject prom...