javascript語言,皮毛好學(xué),容易上手,但真正深入學(xué)習(xí)的話,確實像好多人說的那樣,比較難。JavaScript語言,零散,不像java那樣系統(tǒng),而且編寫調(diào)試JavaScript語言比較麻煩,不像java那樣直接有編寫錯誤提示。種種方面結(jié)合起來,JavaScript語言就比較難學(xué),難掌控,而且涉及到瀏覽器兼容問題,也是一大難點,比如有的命令在Firefox上可以出來效果,但在IE上就報錯了。要是像某些人說,一周學(xué)會的話,有點兒可笑了,真正的天才都達不到幾天學(xué)會的。最多最多這幾天,了解了下JavaScript語言的基礎(chǔ)皮毛而已。
站在用戶的角度思考問題,與客戶深入溝通,找到進賢網(wǎng)站設(shè)計與進賢網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋進賢地區(qū)。
學(xué)軟件開發(fā)需要的基礎(chǔ)知識有:1、數(shù)學(xué)和英語基礎(chǔ)知識;2、基礎(chǔ)編程語言;3、數(shù)據(jù)庫知識;4、web相關(guān)知識。軟件開發(fā)是根據(jù)用戶要求建造出軟件系統(tǒng)或者系統(tǒng)中的。1.
基礎(chǔ)知識 學(xué)軟件開發(fā)往往要與數(shù)學(xué)和英文打交道,所以要有一定的數(shù)學(xué)、 英語基礎(chǔ),有一定的基礎(chǔ)在學(xué)習(xí)軟件開發(fā)上可以說是事半功倍了。如 果英語、數(shù)學(xué)不錯的,可以跳過這一步。
2.
基礎(chǔ)編程語言知識 北大青鳥佳音校區(qū)的資深軟件開發(fā)老師指出, 實現(xiàn)軟件運行都由 某種程序語言來實現(xiàn), 所以學(xué)好程序語言是做好軟件開發(fā)工作的必修 課。
最難的是函數(shù)是對象,函數(shù)又不僅僅是對象,還可以做面向?qū)ο笾械念愂褂谩?/p>
數(shù)組可以是對象集合,數(shù)組也可以是函數(shù)集合。
對象變化又過于靈活。所以要想深入學(xué)習(xí),不在于語法,學(xué)會語法之后更需多加練習(xí)多加體會。
從 基本的對象方法、事件、屬性
到 函數(shù)調(diào)用 匿名函數(shù)
到 JSON
到 函數(shù)套用 匿名函數(shù)套用 閉包
到 prototype
需要不斷地學(xué)習(xí)和體會。
軟件開發(fā)是根據(jù)用戶要求,建造出軟件系統(tǒng)或者系統(tǒng)中的軟件部分的過程。 軟件開發(fā)是一項包括需求捕捉,需求分析,設(shè)計,實現(xiàn)和測試的系統(tǒng)工程。
軟件一般是用某種程序設(shè)計語言來實現(xiàn)的。 通常采用軟件開發(fā)工具可以進行開發(fā)。 軟件分為系統(tǒng)軟件和應(yīng)用軟件。 軟件并不只是包括可以在計算機上運行的程序,與這些程序相關(guān)的文件一般也被認為是軟件的一部分。 軟件設(shè)計思路和方法的一般過程,包括設(shè)計軟件的功能和實現(xiàn)的算法和方法、軟件的總體結(jié)構(gòu)設(shè)計和模塊設(shè)計、編程和調(diào)試、程序聯(lián)調(diào)和測試以及編寫、提交程序。
一般來說,學(xué)軟件開發(fā)需要學(xué)會與之相關(guān)的編程語言,常見的軟件開發(fā)語言有:JAVA、C語言、C#、C++、JSP、ASP、PB、DELPHI等,而與軟件應(yīng)用最關(guān)鍵的需要用到數(shù)據(jù)庫,我們常說的數(shù)據(jù)庫,有:MYSQL、SQLSERVER、ORACLE等。這些都是軟件開發(fā)所需要學(xué)習(xí)的開發(fā)語言,只有把這些都學(xué)會了,再多加運用和聯(lián)系,你就不愁找不到一份好的工作了。
至于學(xué)習(xí)上述編程語言工具的學(xué)習(xí),需要會高中英語、數(shù)學(xué)物理方面的基礎(chǔ)知識,所謂的“零基礎(chǔ)”學(xué)編程,指的是編程語言0基礎(chǔ)!
1、開始自學(xué)軟件編程課程
編程語言種類繁多,各有千秋,在學(xué)習(xí)之前需要明確自己要學(xué)習(xí)哪一門編程語言。確定之后需要制訂一個合理的學(xué)習(xí)計劃,并且持之以恒地執(zhí)行學(xué)習(xí)計劃。在學(xué)習(xí)過程中要養(yǎng)成良好的學(xué)習(xí)習(xí)慣。
不愛研究、坐不住,但凡三天打魚兩天曬網(wǎng),或者對計算機不喜歡等一類人不適合學(xué)習(xí)編程,哪怕一時努力,最后也不是結(jié)不了業(yè),就是功敗垂成,難以在這條路上走遠。編程入門點是興趣。興趣是學(xué)習(xí)的最大動力源。需要有恒心有耐心,進入這個行業(yè)并不難,就算你沒有基礎(chǔ)和經(jīng)驗,也是可以學(xué)好的。那些創(chuàng)造編程語言的人,創(chuàng)造計算機的人也都是從零開始的。他們也是在不斷揣摩、不斷學(xué)習(xí)和實踐之火才獲得成果。沒有一個技術(shù)大牛是從一開始就什么都會的,都是從什么也不會開始的。只需你有興趣而且肯努力,可能慢慢就會發(fā)現(xiàn)學(xué)習(xí)軟件開發(fā)也沒有想象中的那么難。
2、要重視編程基本功
絕大部分行業(yè)內(nèi)的大牛都是經(jīng)歷過辛苦而又長期的程序開發(fā)學(xué)習(xí)和實戰(zhàn)進程的,假如你想要成為一名優(yōu)秀的程序員,最基本的編碼學(xué)習(xí)肯定是不能跳過的,底層的知識必需要扎實掌握,就如同Java開發(fā),項目訓(xùn)練前提是掌握一定的java課程基礎(chǔ),假如不先把基礎(chǔ)穩(wěn)固,就直接做項目的話,是很難做出來而且學(xué)不會那種邏輯思考的能力。
3、附加技能的學(xué)習(xí)
前面說了軟件開發(fā)涉及到一種邏輯思維,那么必定要學(xué)習(xí)一些數(shù)學(xué)知識,學(xué)會數(shù)學(xué)公式的運算。軟件開發(fā)行業(yè)是特別注重效率的,假如你編寫的某個功能的邏輯不是很清楚,可能整個項目都會繞一個很大的圈子,這樣的代碼存在許多冗余成分,浪費很多時間,所以要懂得培養(yǎng)自己必定的邏輯思維。其次就是英語的學(xué)習(xí)了,雖然學(xué)軟件開發(fā)不需要有很強的英語能力,但有必定的英語才能的話,更加有利于自己往更深邃的技術(shù)發(fā)展。
4、動手能力的培養(yǎng)
作為一個程序員動手能力是非常重要的,你學(xué)習(xí)的各個知識點和思維都自己去開發(fā)操練才能穩(wěn)固,作為老師最怕的學(xué)生就是他們只停留在書本或許課堂上的了解,而自己不去實實在在的把它完成出來,著手做的過程中你會不斷發(fā)現(xiàn)問題,然后自己去解決問題,這樣你才能成為一個真正的高手。也要學(xué)會找到有效的學(xué)習(xí)辦法,這樣學(xué)起來會如魚得水的。可以先看視頻學(xué)習(xí),學(xué)起來就比曾經(jīng)看書快許多,并且也更簡略,覺得自己掌握了一定的知識后,可以嘗試做項目,從小項目開始練手到商業(yè)項目實戰(zhàn),懂得實操的軟件開發(fā)工程師才是企業(yè)真正喜歡的。
1、Web開發(fā)領(lǐng)域。Web開發(fā)是當(dāng)前一個重要的開發(fā)領(lǐng)域,Web開發(fā)涉及到的應(yīng)用領(lǐng)域也十分廣泛,可以說有互聯(lián)網(wǎng)的地方就有Web軟件。Web開發(fā)分為前端開發(fā)和后端開發(fā)兩大部分,前端開發(fā)需要學(xué)習(xí)三個基本知識,包括Html、CSS和JavaScript,其中JavaScript是重點也是難點。后端開發(fā)可以采用眾多開發(fā)語言,其中比較流行的編程語言包括PHP、Java和Python。另外,Web開發(fā)還需要掌握數(shù)據(jù)庫知識以及云計算平臺的相關(guān)知識(IaaS、PaaS)。
2、移動端開發(fā)。隨著移動互聯(lián)網(wǎng)的發(fā)展,目前移動端開發(fā)的任務(wù)也比較多,移動端開發(fā)集中在三個領(lǐng)域,分別是Android開發(fā)、iOS開發(fā)和各種小程序開發(fā)。其中Android開發(fā)需要學(xué)習(xí)Java或者kotlin語言,而iOS開發(fā)需要學(xué)習(xí)OC或者Swift,小程序開發(fā)則需要掌握其對應(yīng)的開發(fā)語言,大部分小程序開發(fā)語言都屬于類前端開發(fā)語言,還是比較容易掌握的。
3、嵌入式開發(fā)領(lǐng)域。隨著5G標(biāo)準(zhǔn)的落地應(yīng)用,未來嵌入式開發(fā)領(lǐng)域?qū)⑨尫懦龃罅康拈_發(fā)任務(wù),包括大量的可穿戴設(shè)備開發(fā)等等。嵌入式開發(fā)涉及到三方面內(nèi)容,分別是設(shè)備(各種傳感器等)、網(wǎng)絡(luò)和平臺,編程語言通常可以從C語言開始學(xué)起。
4、最后,不論從事哪個領(lǐng)域的開發(fā),都應(yīng)該具備扎實的計算機基礎(chǔ)知識,包括操作系統(tǒng)(體系結(jié)構(gòu))、計算機網(wǎng)絡(luò)、數(shù)據(jù)庫等。如果想走研發(fā)級程序員路線,一定要重視數(shù)學(xué)基礎(chǔ),另外需要系統(tǒng)的學(xué)習(xí)算法設(shè)計、數(shù)據(jù)結(jié)構(gòu)和編譯原理等內(nèi)容。
前端開發(fā)的難點在掌握HTML。
掌握HTML是前端開發(fā)的核心,HTML是一種制作萬維網(wǎng)頁面的標(biāo)準(zhǔn)語言,是萬維網(wǎng)瀏覽器使用的一種語言,它消除了不同計算機之間信息交流的障礙。
因此,它是網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言,也是構(gòu)成網(wǎng)頁文檔的主要語言,學(xué)好HTML是成為Web開發(fā)人員的基本條件。
常見前端開發(fā)工程師職位職責(zé)要求:
1、使用Div+css并結(jié)合Javascript負責(zé)產(chǎn)品的前端開發(fā)和頁面制作。
2、熟悉W3C標(biāo)準(zhǔn)和各主流瀏覽器在前端開發(fā)中的差異,能熟練運用DIV+CSS,提供針對不同瀏覽器的前端頁面解決方案。移動HTML5的性能和其他優(yōu)化,為用戶呈現(xiàn)最好的界面交互體驗和最好的性能。
3、負責(zé)相關(guān)產(chǎn)品的需求以及前端程序的實現(xiàn),提供合理的前端架構(gòu)。改進和優(yōu)化開發(fā)工具、開發(fā)流程、和開發(fā)框架。
4、與產(chǎn)品、后臺開發(fā)人員保持良好溝通,能快速理解、消化各方需求,并落實為具體的開發(fā)工作,能獨立完成功能頁面的設(shè)計與代碼編寫,配合產(chǎn)品團隊完成功能頁面的需求調(diào)研和分析。
一、JavaScript異步編程的兩個核心難點
異步I/O、事件驅(qū)動使得單線程的JavaScript得以在不阻塞UI的情況下執(zhí)行網(wǎng)絡(luò)、文件訪問功能,且使之在后端實現(xiàn)了較高的性能。然而異步風(fēng)格也引來了一些麻煩,其中比較核心的問題是:
1、函數(shù)嵌套過深
JavaScript的異步調(diào)用基于回調(diào)函數(shù),當(dāng)多個異步事務(wù)多級依賴時,回調(diào)函數(shù)會形成多級的嵌套,代碼變成
金字塔型結(jié)構(gòu)。這不僅使得代碼變難看難懂,更使得調(diào)試、重構(gòu)的過程充滿風(fēng)險。
2、異常處理
回調(diào)嵌套不僅僅是使代碼變得雜亂,也使得錯誤處理更復(fù)雜。這里主要講講異常處理。
二、異常處理
像很多時髦的語言一樣,JavaScript 也允許拋出異常,隨后再用一個try/catch
語句塊捕獲。如果拋出的異常未被捕獲,大多數(shù)JavaScript環(huán)境都會提供一個有用的堆棧軌跡。舉個例子,下面這段代碼由于'{'為無效JSON
對象而拋出異常。
?
12345678
function JSONToObject(jsonStr) { return JSON.parse(jsonStr);}var obj = JSONToObject('{');//SyntaxError: Unexpected end of input//at Object.parse (native)//at JSONToObject (/AsyncJS/stackTrace.js:2:15)//at Object.anonymous (/AsyncJS/stackTrace.js:4:11)
堆棧軌跡不僅告訴我們哪里拋出了錯誤,而且說明了最初出錯的地方:第4 行代碼。遺憾的是,自頂向下地跟蹤異步錯誤起源并不都這么直截了當(dāng)。
異步編程中可能拋出錯誤的情況有兩種:回調(diào)函數(shù)錯誤、異步函數(shù)錯誤。
1、回調(diào)函數(shù)錯誤
如果從異步回調(diào)中拋出錯誤,會發(fā)生什么事?讓我們先來做個測試。
?
1234567
setTimeout(function A() { setTimeout(function B() { setTimeout(function C() { throw new Error('Something terrible has happened!'); }, 0); }, 0);}, 0);
上述應(yīng)用的結(jié)果是一條極其簡短的堆棧軌跡。
?
12
Error: Something terrible has happened!at Timer.C (/AsyncJS/nestedErrors.js:4:13)
等等,A 和B 發(fā)生了什么事?為什么它們沒有出現(xiàn)在堆棧軌跡中?這是因為運行C 的時候,異步函數(shù)的上下文已經(jīng)不存在了,A 和B 并不在內(nèi)存堆棧里。這3
個函數(shù)都是從事件隊列直接運行的。基于同樣的理由,利用try/catch
語句塊并不能捕獲從異步回調(diào)中拋出的錯誤。另外回調(diào)函數(shù)中的return也失去了意義。
?
1234567
try { setTimeout(function() { throw new Error('Catch me if you can!'); }, 0);} catch (e) {console.error(e);}
看到這里的問題了嗎?這里的try/catch 語句塊只捕獲setTimeout函數(shù)自身內(nèi)部發(fā)生的那些錯誤。因為setTimeout
異步地運行其回調(diào),所以即使延時設(shè)置為0,回調(diào)拋出的錯誤也會直接流向應(yīng)用程序。
總的來說,取用異步回調(diào)的函數(shù)即使包裝上try/catch 語句塊,也只是無用之舉。(特例是,該異步函數(shù)確實是在同步地做某些事且容易出錯。例如,Node
的fs.watch(file,callback)就是這樣一個函數(shù),它在目標(biāo)文件不存在時會拋出一個錯誤。)正因為此,Node.js
中的回調(diào)幾乎總是接受一個錯誤作為其首個參數(shù),這樣就允許回調(diào)自己來決定如何處理這個錯誤。
2、異步函數(shù)錯誤
由于異步函數(shù)是立刻返回的,異步事務(wù)中發(fā)生的錯誤是無法通過try-catch來捕捉的,只能采用由調(diào)用方提供錯誤處理回調(diào)的方案來解決。
例如Node中常見的function (err, ...)
{...}回調(diào)函數(shù),就是Node中處理錯誤的約定:即將錯誤作為回調(diào)函數(shù)的第一個實參返回。再比如HTML5中FileReader對象的onerror函數(shù),會被用于處理異步讀取文件過程中的錯誤。
舉個例子,下面這個Node 應(yīng)用嘗試異步地讀取一個文件,還負責(zé)記錄下任何錯誤(如“文件不存在”)。
?
1234567
var fs = require('fs'); fs.readFile('fhgwgdz.txt', function(err, data) { if (err) { return console.error(err); }; console.log(data.toString('utf8'));});
客戶端JavaScript 庫的一致性要稍微差些,不過最常見的模式是,針對成敗這兩種情形各規(guī)定一個單獨的回調(diào)。jQuery 的Ajax
方法就遵循了這個模式。
?
1234
$.get('/data', { success: successHandler, failure: failureHandler});
不管API 形態(tài)像什么,始終要記住的是,只能在回調(diào)內(nèi)部處理源于回調(diào)的異步錯誤。
三、未捕獲異常的處理
如果是從回調(diào)中拋出異常的,則由那個調(diào)用了回調(diào)的人負責(zé)捕獲該異常。但如果異常從未被捕獲,又會怎么樣?這時,不同的JavaScript環(huán)境有著不同的游戲規(guī)則……
1. 在瀏覽器環(huán)境中
現(xiàn)代瀏覽器會在開發(fā)人員控制臺顯示那些未捕獲的異常,接著返回事件隊列。要想修改這種行為,可以給window.onerror
附加一個處理器。如果windows.onerror 處理器返回true,則能阻止瀏覽器的默認錯誤處理行為。
?
123
window.onerror = function(err) { return true; //徹底忽略所有錯誤};
在成品應(yīng)用中, 會考慮某種JavaScript 錯誤處理服務(wù), 譬如Errorception。Errorception
提供了一個現(xiàn)成的windows.onerror 處理器,它向應(yīng)用服務(wù)器報告所有未捕獲的異常,接著應(yīng)用服務(wù)器發(fā)送消息通知我們。
2. 在Node.js 環(huán)境中
在Node 環(huán)境中,window.onerror 的類似物就是process 對象的uncaughtException 事件。正常情況下,Node
應(yīng)用會因未捕獲的異常而立即退出。但只要至少還有一個uncaughtException 事件處理
器,Node 應(yīng)用就會直接返回事件隊列。
?
123
process.on('uncaughtException', function(err) { console.error(err); //避免了關(guān)停的命運!});
但是,自Node 0.8.4 起,uncaughtException 事件就被廢棄了。據(jù)其文檔所言,對異常處理而言,uncaughtException
是一種非常粗暴的機制,請勿使用uncaughtException,而應(yīng)使用Domain 對象。
Domain 對象又是什么?你可能會這樣問。Domain 對象是事件化對象,它將throw 轉(zhuǎn)化為'error'事件。下面是一個例子。
?
123456789
var myDomain = require('domain').create();myDomain.run(function() { setTimeout(function() { throw new Error('Listen to me!') }, 50);});myDomain.on('error', function(err) { console.log('Error ignored!');});
源于延時事件的throw 只是簡單地觸發(fā)了Domain 對象的錯誤處理器。
Error ignored!
很奇妙,是不是?Domain 對象讓throw
語句生動了很多。不管在瀏覽器端還是服務(wù)器端,全局的異常處理器都應(yīng)被視作最后一根救命稻草。請僅在調(diào)試時才使用它。
四、幾種解決方案
下面對幾種解決方案的討論主要集中于上面提到的兩個核心問題上,當(dāng)然也會考慮其他方面的因素來評判其優(yōu)缺點。
1、Async.js
首先是Node中非常著名的Async.js,這個庫能夠在Node中展露頭角,恐怕也得歸功于Node統(tǒng)一的錯誤處理約定。
而在前端,一開始并沒有形成這么統(tǒng)一的約定,因此使用Async.js的話可能需要對現(xiàn)有的庫進行封裝。
Async.js的其實就是給回調(diào)函數(shù)的幾種常見使用模式加了一層包裝。比如我們需要三個前后依賴的異步操作,采用純回調(diào)函數(shù)寫法如下:
?
12345678910111213141516
asyncOpA(a, b, (err, result) = { if (err) { handleErrorA(err); } asyncOpB(c, result, (err, result) = { if (err) { handleErrorB(err); } asyncOpB(d, result, (err, result) = { if (err) { handlerErrorC(err); } finalOp(result); }); });});
如果我們采用async庫來做:
?
12345678910111213141516171819202122
async.waterfall([ (cb) = { asyncOpA(a, b, (err, result) = { cb(err, c, result); }); }, (c, lastResult, cb) = { asyncOpB(c, lastResult, (err, result) = { cb(err, d, result); }) }, (d, lastResult, cb) = { asyncOpC(d, lastResult, (err, result) = { cb(err, result); }); }], (err, finalResult) = { if (err) { handlerError(err); } finalOp(finalResult);});
可以看到,回調(diào)函數(shù)由原來的橫向發(fā)展轉(zhuǎn)變?yōu)榭v向發(fā)展,同時錯誤被統(tǒng)一傳遞到最后的處理函數(shù)中。
其原理是,將函數(shù)數(shù)組中的后一個函數(shù)包裝后作為前一個函數(shù)的末參數(shù)cb傳入,同時要求:
每一個函數(shù)都應(yīng)當(dāng)執(zhí)行其cb參數(shù);cb的第一個參數(shù)用來傳遞錯誤。我們可以自己寫一個async.waterfall的實現(xiàn):
?
12345678910111213141516171819202122
let async = { waterfall: (methods, finalCb = _emptyFunction) = { if (!_isArray(methods)) { return finalCb(new Error('First argument to waterfall must be an array of functions')); } if (!methods.length) { return finalCb(); } function wrap(n) { if (n === methods.length) { return finalCb; } return function (err, ...args) { if (err) { return finalCb(err); } methods[n](...args, wrap(n + 1)); } } wrap(0)(false); }};
Async.js還有series/parallel/whilst等多種流程控制方法,來實現(xiàn)常見的異步協(xié)作。
Async.js的問題:
在外在上依然沒有擺脫回調(diào)函數(shù),只是將其從橫向發(fā)展變?yōu)榭v向,還是需要程序員熟練異步回調(diào)風(fēng)格。
錯誤處理上仍然沒有利用上try-catch和throw,依賴于“回調(diào)函數(shù)的第一個參數(shù)用來傳遞錯誤”這樣的一個約定。
2、Promise方案
ES6的Promise來源于Promise/A+。使用Promise來進行異步流程控制,有幾個需要注意的問題,
把前面提到的功能用Promise來實現(xiàn),需要先包裝異步函數(shù),使之能返回一個Promise:
?
12345678910
function toPromiseStyle(fn) { return (...args) = { return new Promise((resolve, reject) = { fn(...args, (err, result) = { if (err) reject(err); resolve(result); }) }); };}
這個函數(shù)可以把符合下述規(guī)則的異步函數(shù)轉(zhuǎn)換為返回Promise的函數(shù):
回調(diào)函數(shù)的第一個參數(shù)用于傳遞錯誤,第二個參數(shù)用于傳遞正常的結(jié)果。接著就可以進行操作了:
?
123456789101112131415
let [opA, opB, opC] = [asyncOpA, asyncOpB, asyncOpC].map((fn) = toPromiseStyle(fn)); opA(a, b) .then((res) = { return opB(c, res); }) .then((res) = { return opC(d, res); }) .then((res) = { return finalOp(res); }) .catch((err) = { handleError(err); });
通過Promise,原來明顯的異步回調(diào)函數(shù)風(fēng)格顯得更像同步編程風(fēng)格,我們只需要使用then方法將結(jié)果傳遞下去即可,同時return也有了相應(yīng)的意義:
在每一個then的onFullfilled函數(shù)(以及onRejected)里的return,都會為下一個then的onFullfilled函數(shù)(以及onRejected)的參數(shù)設(shè)定好值。
如此一來,return、try-catch/throw都可以使用了,但catch是以方法的形式出現(xiàn),還是不盡如人意。
3、Generator方案
ES6引入的Generator可以理解為可在運行中轉(zhuǎn)移控制權(quán)給其他代碼,并在需要的時候返回繼續(xù)執(zhí)行的函數(shù)。利用Generator可以實現(xiàn)協(xié)程的功能。
將Generator與Promise結(jié)合,可以進一步將異步代碼轉(zhuǎn)化為同步風(fēng)格:
?
1234567891011
function* getResult() { let res, a, b, c, d; try { res = yield opA(a, b); res = yield opB(c, res); res = yield opC(d); return res; } catch (err) { return handleError(err); }}
然而我們還需要一個可以自動運行Generator的函數(shù):
?
123456789101112131415161718192021222324252627282930
function spawn(genF, ...args) { return new Promise((resolve, reject) = { let gen = genF(...args); function next(fn) { try { let r = fn(); if (r.done) { resolve(r.value); } Promise.resolve(r.value) .then((v) = { next(() = { return gen.next(v); }); }).catch((err) = { next(() = { return gen.throw(err); }) }); } catch (err) { reject(err); } } next(() = { return gen.next(undefined); }); });}
用這個函數(shù)來調(diào)用Generator即可:
?
1234567
spawn(getResult) .then((res) = { finalOp(res); }) .catch((err) = { handleFinalOpError(err); });
可見try-catch和return實際上已經(jīng)以其原本面貌回到了代碼中,在代碼形式上也已經(jīng)看不到異步風(fēng)格的痕跡。
類似的功能有co/task.js等庫實現(xiàn)。
4、ES7的async/await
ES7中將會引入async function和await關(guān)鍵字,利用這個功能,我們可以輕松寫出同步風(fēng)格的代碼,
同時依然可以利用原有的異步I/O機制。
采用async function,我們可以將之前的代碼寫成這樣:
?
12345678910111213
async function getResult() { let res, a, b, c, d; try { res = await opA(a, b); res = await opB(c, res); res = await opC(d); return res; } catch (err) { return handleError(err); }} getResult();
和Generator Promise方案看起來沒有太大區(qū)別,只是關(guān)鍵字換了換。
實際上async
function就是對Generator方案的一個官方認可,將之作為語言內(nèi)置功能。
async function的缺點:
await只能在async function內(nèi)部使用,因此一旦你寫了幾個async function,或者使用了依賴于async
function的庫,那你很可能會需要更多的async function。
目前處于提案階段的async
function還沒有得到任何瀏覽器或Node.JS/io.js的支持。Babel轉(zhuǎn)碼器也需要打開實驗選項,并且對于不支持Generator的瀏覽器來說,還需要引進一層厚厚的regenerator
runtime,想在前端生產(chǎn)環(huán)境得到應(yīng)用還需要時間。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
本文標(biāo)題:javascript難點,js難點看這一篇就夠了
本文鏈接:http://chinadenli.net/article10/dsisjgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、定制開發(fā)、App設(shè)計、定制網(wǎng)站、網(wǎng)站制作、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)