久久精品中文字幕av,av.涩涩涩涩涩涩涩涩,亚洲国产日韩欧美精品成人久久久,成人福利电影免费在线观看,日产国产原创av,日韩av午夜激情,bt天堂中文字幕,超级碰人妻在线视频,欧美老熟妇久久一区二区

javascript在進(jìn)行資源請求時(shí)，會使用**異步**的方法。這種聰明的方法能夠巧妙地規(guī)避請求資源帶來的延遲。但不太友好的是：我們并不能夠由代碼上直接判斷出哪個(gè)方法進(jìn)行資源請求，哪個(gè)方法是異步的。 ## 同步與異步 我們平時(shí)接觸的大多數(shù)的代碼都是同步的，同步代碼有特性就是按書寫的順序依次執(zhí)行。書寫在前的執(zhí)行也在前，書寫在后的執(zhí)行也在后；異步代碼同打破了同步這一常的執(zhí)行思路。即：書寫在前的，不見得會執(zhí)行在前；書寫在后的，也不見得執(zhí)行在后。 ## 異步示例 比如我們剛剛請求的所有教師資源： ```typescript ngOnInit(): void { this.httpClient.get<[]>('assets/teacher-all.json') .subscribe(teachers => this.teachers = teachers); } ``` 上述代碼是一個(gè)標(biāo)準(zhǔn)的異步請求，我們簡單對上述代碼打幾個(gè)**點(diǎn)**: ```typescript ngOnInit(): void { console.log('1'); ? this.httpClient.get<[]>('assets/teacher-all.json') ? .subscribe(teachers => { console.log('2'); ? this.teachers = teachers; }); console.log('3'); ? } ``` 來到控制臺查看執(zhí)行順序?yàn)????:  雖然?在書寫順序上在?之前，但在執(zhí)行的順序卻在?之后。 從根本上講發(fā)生上述原因是由于`?httpClient.get`是個(gè)異步方法，當(dāng)執(zhí)行到此方法時(shí)javascript聰明地繼續(xù)往下執(zhí)行?，而不是等待其請求完畢后執(zhí)行?。這在真實(shí)的環(huán)境中是非常有必要的，如果沒有異步的存在，我們就必須**等待** ? 返回結(jié)果后再去執(zhí)行 ?。而**等待**時(shí)間具有不確定性，可能等0.1秒就返回了結(jié)果，也可以等10秒，或是根本就等不到結(jié)果。在異步的作用下，我們可以忽略這個(gè)等待的過程，而僅在請求成功返回?cái)?shù)據(jù)后再去接著執(zhí)行提前書寫好的?。 ## 回調(diào) 由于**異步**的存在，我們無法（實(shí)際上是有辦法的）像使用同步方法一樣來獲取到資源請求的返回值： ```typescript ngOnInit(): void { console.log('1'); const teachers? = this.httpClient.get<[]>('assets/teacher-all.json') .subscribe(); console.log?(JSON.stringify(teachers, (key, value)?? => { if (['_subscriptions', 'destination'].indexOf(key) === -1) { return value; } })); console.log('3'); } ``` * ?? 請忽略此處的代碼，當(dāng)前僅作演示，不需要大家掌握 比如我們在上述代碼中預(yù)使用同步的思想來獲取所有的教師數(shù)據(jù)，但實(shí)際上獲取的卻是：  那么若要獲取這個(gè)**等待**一會才會出現(xiàn)的返回值，則需要使用同步的思想。 ### 數(shù)據(jù)與算法 劉宇軒的高分文章[從零起步，真正理解Javascript回調(diào)函數(shù)](https://segmentfault.com/a/1190000021942060)很好的對回調(diào)函數(shù)進(jìn)行了總結(jié)，適合于新手閱讀。該文章中提到函數(shù)是由數(shù)據(jù)與算法組成的，我們普通的函數(shù)是固化算法，通過改變數(shù)據(jù)的方法來改變最終的結(jié)果： ```js /** * 平方算法 * @param 變化是參數(shù)a * @return 返回的是a的平方 */ var test = function (a) { return a * a; }; test(2); test(3); ```  而帶有回調(diào)函數(shù)的這種方法則是數(shù)據(jù)固定，改變是算法： ```js /** * 數(shù)據(jù)固定，根據(jù)傳入的算法來決定返回值 * @param 變化是算法 * @return 返回算法對2的處理結(jié)果 */ var test = function (callback) { return callback(2); }; // 平方算法 test(a => a * a); // 立方算法 test(a => a * a * a); ```  普通的方法可從方法體內(nèi)直接使用傳入的參數(shù)；特殊的方法由于接收到的參數(shù)類型為算法（函數(shù)），所以使用`xxx(參數(shù)1, 參數(shù)2, ...)`的方法來使用傳入的xxx參數(shù)。 其實(shí)當(dāng)某個(gè)方法支持傳入算法時(shí)，該算法是否執(zhí)行、什么時(shí)候執(zhí)行、執(zhí)行幾次、帶有什么參數(shù)執(zhí)行，則完全由該方法說了算。 比如： ```js /** * 不執(zhí)行傳入算法 * @param callback * @return 123 */ var test = function (callback) { return 123; }; // 平方算法 test(a => a * a); // 立方算法 test(a => a * a * a); ``` callback被執(zhí)行0次：無論什么算法傳入test，均不會被執(zhí)行，最終的結(jié)果都是123。 ```js /** * 執(zhí)行2次傳入的算法 * @param callback * @return 2與3結(jié)過算法運(yùn)算后相乘的結(jié)果 */ var test = function (callback) { return callback(2) * callback(3); }; // 平方算法 test(a => a * a); ``` callback被執(zhí)行2次。  我們當(dāng)然也可以在方法中使用for循環(huán)的方法來使callback執(zhí)行多次。a 所以：callback是否被執(zhí)行，何時(shí)被執(zhí)行，以什么樣的參數(shù)被執(zhí)行，執(zhí)行多少次，全部取決于test方法是否在其方法體中調(diào)用callback，什么時(shí)候調(diào)用callback，調(diào)用時(shí)候傳了什么樣的參數(shù)，以及調(diào)用了多少次callback。 ## 異步與回調(diào) 異步與回調(diào)的結(jié)合，則很好的解決了**等待**一會再返回?cái)?shù)據(jù)的問題。這是由于在方法調(diào)用傳入的算法的過程中，可以將方法中的值通過傳入算法參數(shù)的方式來傳遞給算法，比如： ```js var test = function (callback) { return callback(2?); }; ``` * ? 2作為參數(shù)傳遞給了callback。 而當(dāng)callback接收到2時(shí)，便可以隨意利用該值了，當(dāng)然也包括將其打印到控制臺，或是將其值賦予當(dāng)前組件的任意屬性： ```js var subscribe = function (callback) { 發(fā)起資源請求 等待請求并向JS發(fā)送通知：當(dāng)前請求為異步，請不要等待我執(zhí)行完畢 if (請求成功) { callback(請求得到的數(shù)據(jù)?); } else { 什么也不做 } }; subscribe(teachers => this.teachers = teachers?); ``` * ? 將請求到的數(shù)據(jù)通過算法的參數(shù)傳遞出去 * ? 接收到數(shù)據(jù)后，將其賦予當(dāng)前組件的teachers屬性 學(xué)到這，相信本節(jié)開篇的????執(zhí)行順序也就不難理解了: ```typescript ngOnInit(): void { console.log('1'); ? this.httpClient.get<[]>('assets/teacher-all.json') ? .subscribe(teachers => { console.log('2'); ? this.teachers = teachers; }); console.log('3'); ? } ``` >[info] 在實(shí)際的開發(fā)中，回調(diào)函數(shù)更多的被用于異步傳值。 # 本節(jié)作業(yè) 請自定義一個(gè)test方法，當(dāng)如下調(diào)用時(shí)，在打印臺中打印31，即：`2 * 2 + 3 * 3 * 3`; ```js test(a => a * a, b => b * b * b, c => console.log(c)); ```  異步與回調(diào)是個(gè)新的重要知識點(diǎn)，如果你尚無法獨(dú)立完成本作業(yè)，請嘗試重新學(xué)習(xí)本小節(jié)內(nèi)容。 >[success] 簡單的事情重復(fù)做你就是專家，重復(fù)的事情認(rèn)真做你就是贏家! 再定義一個(gè)test方法，當(dāng)如下調(diào)用時(shí)，仍在打印臺中打印17，即：`2 * 2 * 2 + 3 * 3`; ```js test(2, 3, a => a * a, b => b * b * b, c => console.log(c)); ```  # 本節(jié)資源 | 名稱 | 地址 | | ------------------------------------ | ------------------------------------------------------------ | | 從零起步，真正理解Javascript回調(diào)函數(shù) | [https://segmentfault.com/a/1190000021942060](https://segmentfault.com/a/1190000021942060) |