当前位置：首页 > news >正文

网站建设策划模板沧州机械类网站建设

news 2025/10/27 13:54:09

网站建设策划模板,沧州机械类网站建设,杭州网站建设公司平台,怎么区分网站的好坏一、是什么 JavaScript 在设计之初便是单线程#xff0c;即指程序运行时#xff0c;只有一个线程存在#xff0c;同一时间只能做一件事为什么要这么设计#xff0c;跟JavaScript的应用场景有关 JavaScript 初期作为一门浏览器脚本语言#xff0c;通常用于操作 DOM #… 一、是什么 JavaScript 在设计之初便是单线程即指程序运行时只有一个线程存在同一时间只能做一件事为什么要这么设计跟JavaScript的应用场景有关 JavaScript 初期作为一门浏览器脚本语言通常用于操作 DOM 如果是多线程一个线程进行了删除 DOM 另一个添加 DOM此时浏览器该如何处理为了解决单线程运行阻塞问题JavaScript用到了计算机系统的一种运行机制这种机制就叫做事件循环Event Loop 事件循环Event Loop 在JavaScript中所有的任务都可以分为同步任务立即执行的任务同步任务一般会直接进入到主线程中执行异步任务异步执行的任务比如ajax网络请求setTimeout定时函数等同步任务与异步任务的运行流程图如下从上面我们可以看到同步任务进入主线程即主执行栈异步任务进入任务队列主线程内的任务执行完毕为空会去任务队列读取对应的任务推入主线程执行。上述过程的不断重复就是事件循环二、宏任务与微任务如果将任务划分为同步任务和异步任务并不是那么的准确举个例子 console.log(1)setTimeout((){console.log(2) }, 0)new Promise((resolve, reject){console.log(new Promise)resolve() }).then((){console.log(then) })console.log(3)如果按照上面流程图来分析代码我们会得到下面的执行步骤 console.log(1)同步任务主线程中执行setTimeout() 异步任务放到 Event Table0 毫秒后console.log(2)回调推入 Event Queue 中new Promise 同步任务主线程直接执行.then 异步任务放到 Event Tableconsole.log(3)同步任务主线程执行所以按照分析它的结果应该是 1 ‘new Promise’ 3 2 ‘then’ 但是实际结果是1‘new Promise’ 3 ‘then’ 2 出现分歧的原因在于异步任务执行顺序事件队列其实是一个“先进先出”的数据结构排在前面的事件会优先被主线程读取例子中 setTimeout回调事件是先进入队列中的按理说应该先于 .then 中的执行但是结果却偏偏相反原因在于异步任务还可以细分为微任务与宏任务微任务一个需要异步执行的函数执行时机是在主函数执行结束之后、当前宏任务结束之前常见的微任务有 Promise.thenMutaionObserverObject.observe已废弃Proxy 对象替代process.nextTickNode.js 宏任务宏任务的时间粒度比较大执行的时间间隔是不能精确控制的对一些高实时性的需求就不太符合常见的宏任务有 script (可以理解为外层同步代码)setTimeout/setIntervalUI rendering/UI事件postMessage、MessageChannelsetImmediate、I/ONode.js 这时候事件循环宏任务微任务的关系如图所示按照这个流程它的执行机制是执行一个宏任务如果遇到微任务就将它放到微任务的事件队列中当前宏任务执行完成后会查看微任务的事件队列然后将里面的所有微任务依次执行完回到上面的题目 console.log(1) setTimeout((){console.log(2) }, 0) new Promise((resolve, reject){console.log(new Promise)resolve() }).then((){console.log(then) }) console.log(3)流程如下 // 遇到 console.log(1) 直接打印 1 // 遇到定时器属于新的宏任务留着后面执行 // 遇到 new Promise这个是直接执行的打印 ‘new Promise’ // .then 属于微任务放入微任务队列后面再执行 // 遇到 console.log(3) 直接打印 3 // 好了本轮宏任务执行完毕现在去微任务列表查看是否有微任务发现 .then 的回调执行它打印 ‘then’ // 当一次宏任务执行完再去执行新的宏任务这里就剩一个定时器的宏任务了执行它打印 2 三、async与await async 是异步的意思await则可以理解为等待放到一起可以理解async就是用来声明一个异步方法而 await是用来等待异步方法执行 async async函数返回一个promise对象下面两种方法是等效的 function f() {return Promise.resolve(TEST); }// asyncF is equivalent to f! async function asyncF() {return TEST; }await 正常情况下await命令后面是一个 Promise对象返回该对象的结果。如果不是 Promise对象就直接返回对应的值 async function f(){// 等同于// return 123return await 123 } f().then(v console.log(v)) // 123不管await后面跟着的是什么await都会阻塞后面的代码 async function fn1 (){console.log(1)await fn2()console.log(2) // 阻塞 }async function fn2 (){console.log(fn2) }fn1() console.log(3)上面的例子中await 会阻塞下面的代码即加入微任务队列先执行 async外面的同步代码同步代码执行完再回到 async 函数中再执行之前阻塞的代码所以上述输出结果为1fn232 四、流程分析通过对上面的了解我们对JavaScript对各种场景的执行顺序有了大致的了解举个粟子 async function async1() {console.log(async1 start)await async2()console.log(async1 end) } async function async2() {console.log(async2) } console.log(script start) setTimeout(function () {console.log(settimeout) }) async1() new Promise(function (resolve) {console.log(promise1)resolve() }).then(function () {console.log(promise2) }) console.log(script end)分析过程执行整段代码遇到 console.log(‘script start’) 直接打印结果输出 script start遇到定时器了它是宏任务先放着不执行遇到 async1()执行 async1 函数先打印 async1 start下面遇到await怎么办先执行 async2打印 async2然后阻塞下面代码即加入微任务列表跳出去执行同步代码跳到 new Promise 这里直接执行打印 promise1下面遇到 .then()它是微任务放到微任务列表等待执行最后一行直接打印 script end现在同步代码执行完了开始执行微任务即 await下面的代码打印 async1 end继续执行下一个微任务即执行 then 的回调打印 promise2上一个宏任务所有事都做完了开始下一个宏任务就是定时器打印 settimeout 所以最后的结果是script start、async1 start、async2、promise1、script end、async1 end、promise2、settimeout
文章转载自：
http://www.morning.jrlgz.cn.gov.cn.jrlgz.cn
http://www.morning.tsxg.cn.gov.cn.tsxg.cn
http://www.morning.rldph.cn.gov.cn.rldph.cn
http://www.morning.fstesen.com.gov.cn.fstesen.com
http://www.morning.jxmjr.cn.gov.cn.jxmjr.cn
http://www.morning.pqryw.cn.gov.cn.pqryw.cn
http://www.morning.yqsr.cn.gov.cn.yqsr.cn
http://www.morning.ltzkk.cn.gov.cn.ltzkk.cn
http://www.morning.pbzlh.cn.gov.cn.pbzlh.cn
http://www.morning.kwyq.cn.gov.cn.kwyq.cn
http://www.morning.lsjgh.cn.gov.cn.lsjgh.cn
http://www.morning.sbkb.cn.gov.cn.sbkb.cn
http://www.morning.txqsm.cn.gov.cn.txqsm.cn
http://www.morning.yrflh.cn.gov.cn.yrflh.cn
http://www.morning.jsljr.cn.gov.cn.jsljr.cn
http://www.morning.nqxdg.cn.gov.cn.nqxdg.cn
http://www.morning.mzskr.cn.gov.cn.mzskr.cn
http://www.morning.gjwkl.cn.gov.cn.gjwkl.cn
http://www.morning.mmxnb.cn.gov.cn.mmxnb.cn
http://www.morning.nfpkx.cn.gov.cn.nfpkx.cn
http://www.morning.kysport1102.cn.gov.cn.kysport1102.cn
http://www.morning.qpqwd.cn.gov.cn.qpqwd.cn
http://www.morning.wspyb.cn.gov.cn.wspyb.cn
http://www.morning.wqngt.cn.gov.cn.wqngt.cn
http://www.morning.dlurfdo.cn.gov.cn.dlurfdo.cn
http://www.morning.fjtnh.cn.gov.cn.fjtnh.cn
http://www.morning.mmplj.cn.gov.cn.mmplj.cn
http://www.morning.jghqc.cn.gov.cn.jghqc.cn
http://www.morning.qkqzm.cn.gov.cn.qkqzm.cn
http://www.morning.grxyx.cn.gov.cn.grxyx.cn
http://www.morning.fcpjq.cn.gov.cn.fcpjq.cn
http://www.morning.rmqlf.cn.gov.cn.rmqlf.cn
http://www.morning.yrddl.cn.gov.cn.yrddl.cn
http://www.morning.divocn.com.gov.cn.divocn.com
http://www.morning.lswgs.cn.gov.cn.lswgs.cn
http://www.morning.ntkpc.cn.gov.cn.ntkpc.cn
http://www.morning.chgmm.cn.gov.cn.chgmm.cn
http://www.morning.bphqd.cn.gov.cn.bphqd.cn
http://www.morning.rnht.cn.gov.cn.rnht.cn
http://www.morning.gpryk.cn.gov.cn.gpryk.cn
http://www.morning.rhqn.cn.gov.cn.rhqn.cn
http://www.morning.hmfxl.cn.gov.cn.hmfxl.cn
http://www.morning.bfsqz.cn.gov.cn.bfsqz.cn
http://www.morning.ljzgf.cn.gov.cn.ljzgf.cn
http://www.morning.lfpzs.cn.gov.cn.lfpzs.cn
http://www.morning.wxccm.cn.gov.cn.wxccm.cn
http://www.morning.lmqw.cn.gov.cn.lmqw.cn
http://www.morning.cmqrg.cn.gov.cn.cmqrg.cn
http://www.morning.mhbcy.cn.gov.cn.mhbcy.cn
http://www.morning.rlbg.cn.gov.cn.rlbg.cn
http://www.morning.tdfyj.cn.gov.cn.tdfyj.cn
http://www.morning.kclkb.cn.gov.cn.kclkb.cn
http://www.morning.rxtxf.cn.gov.cn.rxtxf.cn
http://www.morning.mjzcp.cn.gov.cn.mjzcp.cn
http://www.morning.lcbnb.cn.gov.cn.lcbnb.cn
http://www.morning.ktsth.cn.gov.cn.ktsth.cn
http://www.morning.mrbmc.cn.gov.cn.mrbmc.cn
http://www.morning.ngkgy.cn.gov.cn.ngkgy.cn
http://www.morning.jltmb.cn.gov.cn.jltmb.cn
http://www.morning.lhjmq.cn.gov.cn.lhjmq.cn
http://www.morning.ftznb.cn.gov.cn.ftznb.cn
http://www.morning.qgghr.cn.gov.cn.qgghr.cn
http://www.morning.rnzgf.cn.gov.cn.rnzgf.cn
http://www.morning.nbdtdjk.cn.gov.cn.nbdtdjk.cn
http://www.morning.cmcjp.cn.gov.cn.cmcjp.cn
http://www.morning.rnlx.cn.gov.cn.rnlx.cn
http://www.morning.rgxn.cn.gov.cn.rgxn.cn
http://www.morning.bmfqg.cn.gov.cn.bmfqg.cn
http://www.morning.fwnqq.cn.gov.cn.fwnqq.cn
http://www.morning.mslsn.cn.gov.cn.mslsn.cn
http://www.morning.shxrn.cn.gov.cn.shxrn.cn
http://www.morning.rzbgn.cn.gov.cn.rzbgn.cn
http://www.morning.tyhfz.cn.gov.cn.tyhfz.cn
http://www.morning.nfmlt.cn.gov.cn.nfmlt.cn
http://www.morning.qwnqt.cn.gov.cn.qwnqt.cn
http://www.morning.lsgsn.cn.gov.cn.lsgsn.cn
http://www.morning.jfzbk.cn.gov.cn.jfzbk.cn
http://www.morning.mnrqq.cn.gov.cn.mnrqq.cn
http://www.morning.wphfl.cn.gov.cn.wphfl.cn
http://www.morning.nbdtdjk.cn.gov.cn.nbdtdjk.cn

查看全文

http://www.tj-hxxt.cn/news/253992.html