成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【JS基礎(chǔ)】異步和單線程

Mr_zhang / 2806人閱讀

摘要：同步和異步的區(qū)別是什么是單線程的，只能同時做一件事，所以就需要異步同步會阻塞代碼執(zhí)行，而異步不會是同步，是異步異步同步秒之后點擊確認何時需要異步在可能發(fā)生等待的情況，等待過程中不能像一樣阻塞程序進行。因此，所有等待的情況都需要異步。

同步和異步的區(qū)別是什么？

js是單線程的，只能同時做一件事，所以就需要異步
同步會阻塞代碼執(zhí)行，而異步不會
alert是同步，setTimeout是異步
// 異步
console.log(100);
setTimeout(function () {
    console.log(200);
}, 1000);
console.log(300);
// 同步
console.log(100);
alert(200); // 1秒之后點擊確認
console.log(300);

何時需要異步？
在可能發(fā)生等待的情況，等待過程中不能像alert一樣阻塞程序進行。因此，所有“等待的情況”都需要異步。

前端使用異步的場景有哪些?

定時任務(wù)：setTimeOut，setInterval
網(wǎng)絡(luò)請求：ajax請求，動態(tài)  加載
事件綁定
// ajax請求
console.log("start");
$.get("./data1.json", function (data) {
    console.log(data);
});
console.log("end");
//  加載
console.log("start");
var img = document.createElement("img");
img.onload = function () {
    console.log("loaded");
};
img.src = "/xxx.png";
console.log("end");
// 事件綁定
console.log("start");
document.getElementById("btn1").addEventListener("click", function () {
    alert("clicked");
});
console.log("end");

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100200.html

相關(guān)文章

  • nodejs中的子進程，深入解析child_process模塊和cluster模塊

    摘要：嚴格來說，并不是單線程的。其他異步和事件驅(qū)動相關(guān)的線程通過來實現(xiàn)內(nèi)部的線程池和線程調(diào)度。線程是最小的進程，因此也是單進程的。子進程中執(zhí)行的是非程序，提供一組參數(shù)后，執(zhí)行的結(jié)果以回調(diào)的形式返回。在子進程中通過和的機制來接收和發(fā)送消息。 ??node遵循的是單線程單進程的模式，node的單線程是指js的引擎只有一個實例，且在nodejs的主線程中執(zhí)行，同時node以事件驅(qū)動的方式處理IO...

    JinB 評論0 收藏0

  • javascript高級學(xué)習(xí)總結(jié)（二）

    摘要：那個率先改變的實例的返回值，就會傳遞給的回調(diào)函數(shù)。函數(shù)對函數(shù)的改進，體現(xiàn)在以下四點內(nèi)置執(zhí)行器。進一步說，函數(shù)完全可以看作多個異步操作，包裝成的一個對象，而命令就是內(nèi)部命令的語法糖。中的本質(zhì)就是沒有的隱藏的組件。 1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注釋 : 實例雖然不同，但是構(gòu)...

    Songlcy 評論0 收藏0

  • JavaScript從初級往高級走系列————異步

    摘要：之所以是單線程，取決于它的實際使用，例如不可能同添加一個和刪除這個，所以它只能是單線程的。所以，這個新標準并沒有改變單線程的本質(zhì)。 原文博客地址：https://finget.github.io/2018/05/21/async/ 異步 什么是單線程，和異步有什么關(guān)系 什么是event-loop 是否用過jQuery的Deferred Promise的基本使用和原理 介紹一下asyn...

    andot 評論0 收藏0

  • JS原生一步步實現(xiàn)前端路由和單頁面應(yīng)用

    摘要：這里借鑒了一下的處理方式，我們把單獨模塊的包裝成一個函數(shù)，提供一個全局的回調(diào)方法，加載完成時候再調(diào)用回調(diào)函數(shù)。 前端路由實現(xiàn)之 #hash 先上github項目地址： spa-routers運行效果圖showImg(https://segmentfault.com/img/bVFi7l?w=581&h=312); 背景介紹 用了許多前端框架來做spa應(yīng)用，比如說backbone，ang...

    idealcn 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<