国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中使用Callback控制流程介紹

2019-11-20 12:55:09
字體:
供稿:網(wǎng)友

javascript中隨處可見的callback對于流程控制來說是一場災(zāi)難,缺點顯而易見:

1.沒有顯式的return,容易產(chǎn)生多余流程,以及由此引發(fā)的bug。
2.造成代碼無限嵌套,難以閱讀。

下面就來說說怎么解決避免上述的問題。

第一個問題是一個習(xí)慣問題,在使用callback的時候往往會讓人忘了使用return,這種情況在使用coffee-script的時候尤甚(雖然它在編譯成javascript時會自行收集最后的數(shù)據(jù)作為返回值,但是這個返回值并不一定代表你的初衷)。看看下面的例子。

復(fù)制代碼 代碼如下:

a = (err, callback)->
  callback() if err?
  console.log 'you will see me'

b = ->
  console.log 'I am a callback'

a('error', b)

在這種所謂”error first”的代碼風(fēng)格中,顯然我們不希望出錯時方法a中的后續(xù)代碼仍然被執(zhí)行,但是又不希望用throw來讓整個進程掛掉(要死也得優(yōu)雅的死嘛~),那么上面的代碼就會產(chǎn)生bug。

一種解決方案就是老老實實的寫if...else...,但是我更傾向于下面的做法:

復(fù)制代碼 代碼如下:

a = (err, callback)->
  return callback() if err?
  console.log 'you will not see me'

b = ->
  console.log 'I am a callback'

a('error', b)

javascript異步方法中的返回值大多沒什么用處,所以這里用return充當(dāng)一個流程控制的角色,比if...else...更少的代碼,但是更加清晰。

第二個問題是娘胎里帶來的,很難根除。

一種不錯的方法是使用一些流程控制模塊來將代碼顯得更加有條理,比如async就是一個不錯的模塊,提供了一系列的接口,包括迭代,循環(huán),和一些條件語句,甚至還包含了一個隊列系統(tǒng)。下面的例子可以表名兩種寫法的優(yōu)劣

復(fù)制代碼 代碼如下:

#normal

first = (callback)->
  console.log 'I am the first function'
  callback()

second = (callback)->
  console.log 'I am the second function'
  callback()

third = ()->
  console.log 'I am the third function'

first ->
  second ->
    third()

# use async

async = require('async')

async.waterfall [
  first,
  second,
  third
], (err)->

作為睿智的你,會選擇哪一種呢。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 富顺县| 阳山县| 师宗县| 鸡东县| 库车县| 莱西市| 宝丰县| 汽车| 赤峰市| 盈江县| 南部县| 舟山市| 揭东县| 响水县| 长泰县| 衡阳市| 濮阳市| 平利县| 遵义县| 舞钢市| 雅江县| 离岛区| 化州市| 内丘县| 合江县| 双流县| 彭阳县| 衡东县| 汽车| 东乌珠穆沁旗| 屯昌县| 宁南县| 涟源市| 张家界市| 宾阳县| 卢湾区| 科技| 盘锦市| 诸城市| 麻栗坡县| 永登县|