{"id":6455,"date":"2018-01-26T14:29:02","date_gmt":"2018-01-26T06:29:02","guid":{"rendered":"https:\/\/sdeno.com:80\/?p=6455"},"modified":"2018-07-24T18:00:02","modified_gmt":"2018-07-24T10:00:02","slug":"js%e5%8d%95%e7%ba%bf%e7%a8%8b%e8%bf%90%e8%a1%8c%e6%9c%ba%e5%88%b6%e3%80%81%e5%8e%9f%e7%90%86","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=6455","title":{"rendered":"(\u63a8\u8350)js\u5355\u7ebf\u7a0b\u8fd0\u884c\u673a\u5236\u3001\u539f\u7406"},"content":{"rendered":"<p><span style=\"color: #ff0000;\">\u4ec0\u4e48\u662f\u8fdb\u7a0b\u3001\u7ebf\u7a0b<\/span><\/p>\n<pre>\u8fdb\u7a0b\u662f\u4e00\u4e2a\u5de5\u5382\uff0c\u5de5\u5382\u6709\u5b83\u7684\u72ec\u7acb\u8d44\u6e90\r\n- \u5de5\u5382\u4e4b\u95f4\u76f8\u4e92\u72ec\u7acb\r\n- \u7ebf\u7a0b\u662f\u5de5\u5382\u4e2d\u7684\u5de5\u4eba\uff0c\u591a\u4e2a\u5de5\u4eba\u534f\u4f5c\u5b8c\u6210\u4efb\u52a1\r\n- \u5de5\u5382\u5185\u6709\u4e00\u4e2a\u6216\u591a\u4e2a\u5de5\u4eba\r\n- \u5de5\u4eba\u4e4b\u95f4\u5171\u4eab\u7a7a\u95f4<\/pre>\n<p>&nbsp;<\/p>\n<pre>\u5de5\u5382\u7684\u8d44\u6e90 -&gt; \u7cfb\u7edf\u5206\u914d\u7684\u5185\u5b58\uff08\u72ec\u7acb\u7684\u4e00\u5757\u5185\u5b58\uff09\r\n- \u5de5\u5382\u4e4b\u95f4\u7684\u76f8\u4e92\u72ec\u7acb -&gt; \u8fdb\u7a0b\u4e4b\u95f4\u76f8\u4e92\u72ec\u7acb\r\n- \u591a\u4e2a\u5de5\u4eba\u534f\u4f5c\u5b8c\u6210\u4efb\u52a1 -&gt; \u591a\u4e2a\u7ebf\u7a0b\u5728\u8fdb\u7a0b\u4e2d\u534f\u4f5c\u5b8c\u6210\u4efb\u52a1\r\n- \u5de5\u5382\u5185\u6709\u4e00\u4e2a\u6216\u591a\u4e2a\u5de5\u4eba -&gt; \u4e00\u4e2a\u8fdb\u7a0b\u7531\u4e00\u4e2a\u6216\u591a\u4e2a\u7ebf\u7a0b\u7ec4\u6210\r\n- \u5de5\u4eba\u4e4b\u95f4\u5171\u4eab\u7a7a\u95f4 -&gt; \u540c\u4e00\u8fdb\u7a0b\u4e0b\u7684\u5404\u4e2a\u7ebf\u7a0b\u4e4b\u95f4\u5171\u4eab\u7a0b\u5e8f\u7684\u5185\u5b58\u7a7a\u95f4\uff08\u5305\u62ec\u4ee3\u7801\u6bb5\u3001\u6570\u636e\u96c6\u3001\u5806\u7b49\uff09<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff0000;\">\u6d4f\u89c8\u5668<\/span><\/p>\n<p>\u6d4f\u89c8\u5668\u662f\u591a\u8fdb\u7a0b\u7684\uff1b<br \/>\n\u6d4f\u89c8\u5668\u4e4b\u6240\u4ee5\u80fd\u591f\u8fd0\u884c\uff0c\u662f\u56e0\u4e3a\u7cfb\u7edf\u7ed9\u5b83\u7684\u8fdb\u7a0b\u5206\u914d\u4e86\u8d44\u6e90\uff08cpu\u3001\u5185\u5b58\uff09\uff1b<br \/>\n\u6bcf\u6253\u5f00\u4e00\u4e2aTab\u9875\uff0c\u5c31\u76f8\u5f53\u4e8e\u521b\u5efa\u4e86\u4e00\u4e2a\u72ec\u7acb\u7684\u6d4f\u89c8\u5668\u8fdb\u7a0b\uff1b<\/p>\n<p>\u4e4b\u524d\u8bf4\u4e86\u6d4f\u89c8\u5668\u662f\u591a\u8fdb\u7a0b\uff0c\u5f53\u6211\u4eec\u6bcf\u6b21\u6253\u5f00\u4e00\u4e2atab\u9875\u9762\u65f6\uff0c\u5c31\u662f\u7531\u4e8e\u6709\u4e86\u4ee5\u4e0b\u8fd9\u4e9b\u8fdb\u7a0b\u6d4f\u89c8\u5668\u624d\u80fd\u628a\u4e30\u5bcc\u7684\u5185\u5bb9\u7ed9\u6211\u4eec\u5c55\u793a\u51fa\u6765\uff0c<br \/>\n\u6d4f\u89c8\u5668\u90fd\u6709\u54ea\u4e9b\u4e3b\u8981\u8fdb\u7a0b\uff1a<\/p>\n<pre>1.Browser\u8fdb\u7a0b\uff1a\u6d4f\u89c8\u5668\u7684\u4e3b\u8fdb\u7a0b\uff08\u8d1f\u8d23\u534f\u8c03\u3001\u4e3b\u63a7\uff09\uff0c\u53ea\u6709\u4e00\u4e2a\u3002\u4f5c\u7528\u6709\uff1a\r\n\u8d1f\u8d23\u6d4f\u89c8\u5668\u754c\u9762\u663e\u793a\uff0c\u4e0e\u7528\u6237\u4ea4\u4e92\u3002\u5982\u524d\u8fdb\uff0c\u540e\u9000\u7b49\uff1b\r\n\u8d1f\u8d23\u5404\u4e2a\u9875\u9762\u7684\u7ba1\u7406\uff0c\u521b\u5efa\u548c\u9500\u6bc1\u5176\u4ed6\u8fdb\u7a0b\uff1b\r\n\u5c06Renderer\u8fdb\u7a0b\u5f97\u5230\u7684\u5185\u5b58\u4e2d\u7684Bitmap\uff0c\u7ed8\u5236\u5230\u7528\u6237\u754c\u9762\u4e0a\uff1b\r\n\u7f51\u7edc\u8d44\u6e90\u7684\u7ba1\u7406\uff0c\u4e0b\u8f7d\u7b49\uff1b<\/pre>\n<pre>2.\u7b2c\u4e09\u65b9\u63d2\u4ef6\u8fdb\u7a0b\uff1a\u6bcf\u79cd\u7c7b\u578b\u7684\u63d2\u4ef6\u5bf9\u5e94\u4e00\u4e2a\u8fdb\u7a0b\uff0c\u4ec5\u5f53\u4f7f\u7528\u8be5\u63d2\u4ef6\u65f6\u624d\u521b\u5efa<\/pre>\n<pre>3.GPU\u8fdb\u7a0b\uff1a\u6700\u591a\u4e00\u4e2a\uff0c\u7528\u4e8e3D\u7ed8\u5236\u7b49<\/pre>\n<pre>4.\u6d4f\u89c8\u5668\u6e32\u67d3\u8fdb\u7a0b\uff08\u6d4f\u89c8\u5668\u5185\u6838\uff09\uff08Renderer\u8fdb\u7a0b\uff0c\u5185\u90e8\u662f\u591a\u7ebf\u7a0b\u7684\uff09\uff1a\u9ed8\u8ba4\u6bcf\u4e2aTab\u9875\u9762\u4e00\u4e2a\u8fdb\u7a0b\uff0c\u4e92\u4e0d\u5f71\u54cd\u3002\r\n\u6211\u4eec\u5e73\u65f6\u6240\u8bf4\u7684\u6d4f\u89c8\u5668\u5185\u6838\u4e5f\u5c31\u662f\u6307\u6e32\u67d3\u8fdb\u7a0b\uff0c\u4e0d\u540c\u6d4f\u89c8\u5668\u5185\u6838\u4e0d\u4e00\u6837\u4f8b\u5982\uff1a\r\nIE:Trident -ms-\r\n\u706b\u72d0:Gecko -moz-\r\nSafari\/Chrome:Webkit -webkit- \r\nOpera:\u8c8c\u4f3c\u4e5f\u7528\u8c37\u6b4c\u5185\u6838\u4e86 (\u65e9\u671f\u7528Presto\u73b0\u5728\u5df2\u7ecf\u5e9f\u5f03\u4e86) -o-<\/pre>\n<p>&nbsp;<\/p>\n<p>\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014<\/p>\n<p>\u5f00\u59cb\u8bb2\u91cd\u70b9<\/p>\n<p>\u8fd9\u91cc\u4e3b\u8981\u8bb2\u7b2c4\u70b9\uff0c\u6e32\u67d3\u8fdb\u7a0b\u4e5f\u53eb\u505aRenderer\u8fdb\u7a0b\uff08\u6d4f\u89c8\u5668\u7684\u6e32\u67d3\u8fdb\u7a0b\u662f\u591a\u7ebf\u7a0b\u7684\uff09\uff0c\u4ee5\u4e0a\u7684\u5185\u5bb9\u4ecb\u7ecd\u4e5f\u662f\u4e3a\u4e86\u8bb2\u6e32\u67d3\u8fdb\u7a0b\u6765\u505a\u94fa\u57ab\u65b9\u4fbf\u53bb\u7406\u89e3\u3002<br \/>\n\u6e32\u67d3\u8fdb\u7a0b\u6709\u4ee5\u4e0b\u591a\u7ebf\u7a0b\uff1a<\/p>\n<p>1.GUI\u6e32\u67d3\u7ebf\u7a0b (\u89e3\u6790HTML\uff0cCSS\uff0c\u6784\u5efaDOM\u6811\u548cRenderObject\u6811\uff0c\u5e03\u5c40\u548c\u7ed8\u5236\u7b49)<\/p>\n<p>2.JS\u5f15\u64ce\u7ebf\u7a0b\uff0c\u4e5f\u5c31\u662f\u4e3b\u7ebf\u7a0b \uff08\u4e3ajs\u4ee3\u7801\u8fd0\u884c\u63d0\u4f9b\u4e00\u4e2a\u73af\u5883\uff0c\u4f8b\u5982v8\u5f15\u64ce\uff0c\u6d4f\u89c8\u5668\u65e0\u8bba\u4ec0\u4e48\u65f6\u5019\u90fd\u53ea\u6709\u4e00\u4e2aJS\u7ebf\u7a0b\u5728\u8fd0\u884cJS\u7a0b\u5e8f\uff09<\/p>\n<p>&nbsp;<\/p>\n<p>\u8fd9\u91cc\u63d2\u64ad\u4ecb\u7ecd\u4e00\u4e0bGUI\u6e32\u67d3\u7ebf\u7a0b\u548cJS\u5f15\u64ce\u7ebf\u7a0b\u7684\u5173\u7cfb\uff0c\u5b83\u4eec\u4e24\u662f\u4e92\u65a5\u7684\uff0c\u5176\u4e2d\u4e00\u4e2a\u6267\u884c\u53e6\u4e00\u4e2a\u5c31\u4e0d\u80fd\u6267\u884c\uff0c\u6211\u4eec\u90fd\u77e5\u9053\u7f51\u9875\u4ee3\u7801\u662f\u4ece\u4e0a\u5230\u4e0b\u6267\u884c\uff0c \u5982\u679cJS\u6267\u884c\u7684\u65f6\u95f4\u8fc7\u957f\uff0c\u8fd9\u6837\u5c31\u4f1a\u9020\u6210\u9875\u9762\u7684\u6e32\u67d3\u4e0d\u8fde\u8d2f\uff0c\u5bfc\u81f4\u9875\u9762\u6e32\u67d3\u52a0\u8f7d\u963b\u585e\u6216\u8005GUI\u66f4\u65b0\u4f1a\u88ab\u4fdd\u5b58\u5728\u4e00\u4e2a\u961f\u5217\u4e2d\u7b49\u5230JS\u5f15\u64ce\u7a7a\u95f2\u65f6\u7acb\u5373\u88ab\u6267\u884c\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>3.\u4e8b\u4ef6\u89e6\u53d1\u7ebf\u7a0b \uff08\u6d4f\u89c8\u5668\u8dd1js,\u5fd9\u4e0d\u8fc7\u6765\u5f88\u591a\u4e8b\u60c5\u90fd\u8981\u8bb0\u5f97\u53bb\u505a\uff0c\u9700\u8981\u4e00\u4e2a\u79d8\u4e66\uff0c\u7b49JS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u5fd9\u65f6\u79d8\u4e66\u5728\u4f1a\u53bb\u63d0\u9192\u8fd8\u6709\u4ec0\u4e48\u8981\u505a\u7684\uff0c\u8fd9\u91cc\u7684\u4e8b\u4ef6\u89e6\u53d1\u7ebf\u7a0b\u5c31\u76f8\u5f53\u4e8e\u79d8\u4e66\u7684\u804c\u80fd\uff0c\u4f8b\u5982\uff1a\u5982\u9f20\u6807\u70b9\u51fb\u3001AJAX\u5f02\u6b65\u3001setTimeOut\u662f\u7531\u4e8b\u4ef6\u89e6\u53d1\u7ebf\u7a0b\u8d1f\u8d23\uff0c\u7b49JS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u5fd9\u624d\u4f1a\u53bb\u6267\u884c\u8fd9\u4e9b\u4e8b\u60c5\uff09<\/p>\n<p>4.\u5b9a\u65f6\u89e6\u53d1\u5668\u7ebf\u7a0b \uff08\u6267\u884csetInternal\u4e0esetTimeout\u662f\u8be5\u7ebf\u7a0b\u8d1f\u8d23\uff0c\u603b\u4e0d\u80fd\u7ed9JS\u5f15\u64ce\u7ebf\u7a0b\u6765\u505a\u5427\uff0c\u96be\u9053\u8981\u7b49setInternal\u4e0esetTimeout\u6267\u884c\u5b8c\u6210\u540e\u624d\u63a5\u7740\u53bb\u6267\u884c\u5176\u4ed6js\u4ee3\u7801\u5417\uff0c\u8fd9\u6837\u4f1a\u963b\u585e\u3002\u4e5f\u53ef\u4ee5\u7406\u89e3\u4e3a\u53c8\u4e00\u4e2a\u79d8\u4e66\uff0c\u63d0\u9192JS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u5fd9\u65f6\u53bb\u6267\u884c\u8fd9\u4e9b\u4e8b\u60c5\uff09<\/p>\n<p>5.\u5f02\u6b65http\u8bf7\u6c42\u7ebf\u7a0b\uff08\u53c8\u4e00\u4e2a\u79d8\u4e66\uff0c\u63d0\u9192JS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u5fd9\u65f6\u53bb\u56de\u8c03\uff09<\/p>\n<p>\u603b\u7ed3\uff1aGUI\u6e32\u67d3\u7ebf\u7a0b\u548cJS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u80fd\u540c\u65f6\u6267\u884c\uff0c\u5176\u4e2d\u4e00\u4e2a\u6267\u884c\u53e6\u4e00\u4e2a\u5c31\u5904\u4e8e\u7b49\u5f85\u72b6\u6001\uff0c\u7b49\u5bf9\u65b9\u95f2\u7f6e\u65f6\u624d\u80fd\u53bb\u6267\u884c\uff0c\u81f3\u4e8e\u8c01\u5148\u8c01\u540e\u8981\u9075\u5faa\u4ee3\u7801\u4ece\u4e0a\u5230\u4e0b\u3001\u5de6\u5230\u53f3\u6267\u884c\u3002\u7531\u4e8e\u5f88\u591a\u4e1a\u52a1\u903b\u8f91\u90fd\u9700\u8981js\u53bb\u5224\u65ad\uff0c\u52a0\u4e0a\u6d4f\u89c8\u5668\u53ea\u7ed9\u4e86JS\u5f15\u64ce\u7ebf\u7a0b\u4e00\u4e2a\u4eba\u53bb\u5b8c\u6210\u80fd\u529b\u6709\u9650\u5c31\u4e8e\u662f\u5206\u914d\u4e863\u4e2a\u79d8\u4e66\u7ed9\u4ed6\uff0c\u8d1f\u8d23\u63d0\u9192JS\u5f15\u64ce\u7ebf\u7a0b\u4e0d\u5fd9\u65f6\u8981\u53bb\u5b8c\u6210\uff0c\u81f3\u59cb\u81f3\u7ec8JS\u5f15\u64ce\u7ebf\u7a0b\u90fd\u662f\u4e00\u4e2a\u4eba\u53bb\u5b8c\u6210\u7684\u3002<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff0000;\">JS\u5f15\u64ce\u7ebf\u7a0b\u5b9e\u5728\u662f\u5728\u5fd9\u4e86\u600e\u4e48\u529e\uff1f<\/span><br \/>\n\u5728html5\u4e2d\u4e8e\u662f\u5c31\u8bf7\u4e86WebWorker\uff0c\u6d4f\u89c8\u5668\u5141\u8bb8\u6e32\u67d3\u8fdb\u7a0b\u4e3a\u81ea\u5df1\u7533\u8bf7\u4e00\u4e2a\u5b50\u7ebf\u7a0b\u6765\u5e2eJS\u5f15\u64ce\u7ebf\u7a0b\u7684\u5fd9\uff0c\u4f46\u6700\u7ec8\u7684\u7ed3\u679c\u8fd8\u662f\u8981\u8fd4\u56de\u7ed9JS\u5f15\u64ce\u7ebf\u7a0b\u3002JS\u5f15\u64ce\u7ebf\u7a0b\u59cb\u7ec8\u8fd8\u662f\u6539\u53d8\u4e0d\u4e86\u5355\u7ebf\u7a0b\u7684\u547d\u8fd0\u3002<br \/>\n\u65b0\u7684WebWorker\u7ebf\u7a0b\u8981\u548cJS\u5f15\u64ce\u7ebf\u7a0b\u8fdb\u884c\u6570\u636e\u901a\u8baf\u5c31\u8981\u4f7f\u7528postMessage \u3002\u4ee5\u4e0b\u662f\u4f7f\u7528postMessage\u76f8\u5173\u6587\u7ae0\u3002<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"d5Bkhpal3O\"><p><a href=\"https:\/\/sdeno.com\/?p=5505\">\u8be6\u89e35\u79cd\u8de8\u57df\u65b9\u5f0f\u53ca\u5176\u539f\u7406(\u63a8\u8350)<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300a\u8be6\u89e35\u79cd\u8de8\u57df\u65b9\u5f0f\u53ca\u5176\u539f\u7406(\u63a8\u8350)\u300b\u2014\u968f\u8eab\u7b14\u8bb0\" src=\"https:\/\/sdeno.com\/?p=5505&#038;embed=true#?secret=1hLGDgrqbJ#?secret=d5Bkhpal3O\" data-secret=\"d5Bkhpal3O\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"49kADOH563\"><p><a href=\"https:\/\/sdeno.com\/?p=5058\">iframe\u8de8\u57df\u76f8\u4e92\u4f20\u503c&#8211;messageEvent.js<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300aiframe\u8de8\u57df\u76f8\u4e92\u4f20\u503c--messageEvent.js\u300b\u2014\u968f\u8eab\u7b14\u8bb0\" src=\"https:\/\/sdeno.com\/?p=5058&#038;embed=true#?secret=NSZUFseHT6#?secret=49kADOH563\" data-secret=\"49kADOH563\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"puyuPnXuU2\"><p><a href=\"https:\/\/sdeno.com\/?p=5063\">\u8de8\u6d4f\u89c8\u5668 HTML5 postMessage \u65b9\u6cd5\u4ee5\u53ca message \u4e8b\u4ef6\u6a21\u62df\u5b9e\u73b0<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; visibility: hidden;\" title=\"\u300a\u8de8\u6d4f\u89c8\u5668 HTML5 postMessage \u65b9\u6cd5\u4ee5\u53ca message \u4e8b\u4ef6\u6a21\u62df\u5b9e\u73b0\u300b\u2014\u968f\u8eab\u7b14\u8bb0\" src=\"https:\/\/sdeno.com\/?p=5063&#038;embed=true#?secret=jqp9YsJ6d4#?secret=puyuPnXuU2\" data-secret=\"puyuPnXuU2\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff0000;\">\u6570\u636e\u8de8\u9875\u9762\u901a\u8baf<\/span><br \/>\n\u5355\u4e2a\u9875\u9762\u5c31\u662f\u4e00\u4e2arender\u8fdb\u7a0b\uff0cWebWorker\u4e5f\u53ea\u662f\u4f46\u4e2a\u9875\u9762\u4e2drender\u8fdb\u7a0b\u4e0b\u7684\u65b0\u7ebf\u7a0b\uff0c\u4e0d\u80fd\u8de8\u8fdb\u7a0b\u5171\u4eab\u3002<br \/>\nSharedWorker\u662f\u6d4f\u89c8\u5668\u6240\u6709\u9875\u9762\u5171\u4eab\u7684\uff0c\u53ef\u4ee5\u4e3a\u591a\u4e2aRender\u8fdb\u7a0b\u5171\u4eab\u4f7f\u7528\u3002<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff0000;\">Promise\u548csetTimeout\u6267\u884c\u987a\u5e8f <\/span><\/p>\n<pre>console.log('script start');\r\n\r\nsetTimeout(function() {\r\n  console.log('setTimeout');\r\n}, 0);\r\n\r\n\r\nPromise.resolve().then(function() {\r\n  console.log('promise1');\r\n}).then(function() {\r\n  console.log('promise2');\r\n});\r\n\r\nconsole.log('script end');\r\n\r\n\u7ed3\u679c\r\nscript start\r\nscript end\r\npromise1\r\npromise2\r\nsetTimeout<\/pre>\n<p>&nbsp;<\/p>\n<p>\u603b\u7ed3\uff1a\u4e3b\u7ebf\u7a0b\u4e0a\u7684js\u5148\u6267\u884c\u5b8c\u6210\u540e\u5c31\u7acb\u9a6c\u6267\u884cPromise\u5728\u4e4b\u540e\u662fsetTimeout\/setInterval<br \/>\n\u4e3b\u7ebf\u7a0b&gt;Promise&gt;setTimeout\/setInterval<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #ff0000;\">\u4e3a\u4ec0\u4e48JavaScript\u4e0d\u80fd\u6709\u591a\u4e2a\u7ebf\u7a0b\u5462\uff1f<\/span><\/p>\n<p>JavaScript\u7684\u5355\u7ebf\u7a0b\uff0c\u4e0e\u5b83\u7684\u7528\u9014\u6709\u5173\u3002\u4f5c\u4e3a\u6d4f\u89c8\u5668\u811a\u672c\u8bed\u8a00\uff0cJavaScript\u7684\u4e3b\u8981\u7528\u9014\u662f\u4e0e\u7528\u6237\u4e92\u52a8\uff0c\u4ee5\u53ca\u64cd\u4f5cDOM\u3002\u8fd9\u51b3\u5b9a\u4e86\u5b83\u53ea\u80fd\u662f\u5355\u7ebf\u7a0b\uff0c\u5426\u5219\u4f1a\u5e26\u6765\u5f88\u590d\u6742\u7684\u540c\u6b65\u95ee\u9898\u3002\u6bd4\u5982\uff0c\u5047\u5b9aJavaScript\u540c\u65f6\u6709\u4e24\u4e2a\u7ebf\u7a0b\uff0c\u4e00\u4e2a\u7ebf\u7a0b\u5728\u67d0\u4e2aDOM\u8282\u70b9\u4e0a\u6dfb\u52a0\u5185\u5bb9\uff0c\u53e6\u4e00\u4e2a\u7ebf\u7a0b\u5220\u9664\u4e86\u8fd9\u4e2a\u8282\u70b9\uff0c\u8fd9\u65f6\u6d4f\u89c8\u5668\u5e94\u8be5\u4ee5\u54ea\u4e2a\u7ebf\u7a0b\u4e3a\u51c6\uff1f<\/p>\n<p>\u6240\u4ee5\uff0c\u4e3a\u4e86\u907f\u514d\u590d\u6742\u6027\uff0c\u4ece\u4e00\u8bde\u751f\uff0cJavaScript\u5c31\u662f\u5355\u7ebf\u7a0b\uff0c\u8fd9\u5df2\u7ecf\u6210\u4e86\u8fd9\u95e8\u8bed\u8a00\u7684\u6838\u5fc3\u7279\u5f81\uff0c\u5c06\u6765\u4e5f\u4e0d\u4f1a\u6539\u53d8\u3002<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<p><a href=\"http:\/\/www.ruanyifeng.com\/blog\/2014\/10\/event-loop.html\" target=\"_blank\" rel=\"noopener\">http:\/\/www.ruanyifeng.com\/blog\/2014\/10\/event-loop.html<\/a><\/p>\n<p><a href=\"http:\/\/www.dailichun.com\/2018\/01\/21\/js_singlethread_eventloop.html\" target=\"_blank\" rel=\"noopener\">http:\/\/www.dailichun.com\/2018\/01\/21\/js_singlethread_eventloop.html<\/a><\/p>\n<p><a href=\"https:\/\/segmentfault.com\/a\/1190000012925872\" target=\"_blank\" rel=\"noopener\">https:\/\/segmentfault.com\/a\/1190000012925872<\/a><\/p>\n<p><a href=\"https:\/\/mp.weixin.qq.com\/s?__biz=MzAwNjI5MTYyMw==&amp;mid=2651495569&amp;idx=1&amp;sn=ef3023a2dcde5c07e57da162f727650f&amp;chksm=80f19559b7861c4fad4ce30e9f9bc6b5face5c596c849e1642b534629c5b8321daf44c09ea68&amp;scene=0#rd\" target=\"_blank\" rel=\"noopener\">https:\/\/mp.weixin.qq.com\/s?__biz=MzAwNjI5MTYyMw==&amp;mid=2651495569&amp;idx=1&amp;sn=ef3023a2dcde5c07e57da162f727650f&amp;chksm=80f19559b7861c4fad4ce30e9f9bc6b5face5c596c849e1642b534629c5b8321daf44c09ea68&amp;scene=0#rd\u00a0<\/a><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n<p><audio style=\"display: none;\" controls=\"controls\"><\/audio><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4ec0\u4e48\u662f\u8fdb\u7a0b\u3001\u7ebf\u7a0b \u8fdb\u7a0b\u662f\u4e00\u4e2a\u5de5\u5382\uff0c\u5de5\u5382\u6709\u5b83\u7684\u72ec\u7acb\u8d44\u6e90 &#8211; \u5de5\u5382\u4e4b\u95f4\u76f8\u4e92\u72ec\u7acb &#8211; \u7ebf\u7a0b\u662f\u5de5\u5382\u4e2d\u7684\u5de5\u4eba\uff0c\u591a\u4e2a\u5de5\u4eba\u534f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-6455","post","type-post","status-publish","format-standard","hentry","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/6455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6455"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/6455\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}