{"id":2226,"date":"2025-09-11T07:43:53","date_gmt":"2025-09-11T07:43:53","guid":{"rendered":"https:\/\/linuxjk.cn\/?p=2226"},"modified":"2025-09-17T21:52:37","modified_gmt":"2025-09-17T13:52:37","slug":"js%e9%87%8d%e8%a6%81%e5%a4%8d%e4%b9%a0","status":"publish","type":"post","link":"https:\/\/linuxjk.cn\/?p=2226","title":{"rendered":"Js\u91cd\u8981\u590d\u4e60"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u76ee\u5f55<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E4%B8%80%E4%BA%8B%E4%BB%B6%E5%A7%94%E6%89%98\" >\u4e00.\u4e8b\u4ef6\u59d4\u6258<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E4%BA%8Cthis%E6%8C%87%E5%90%91\" >\u4e8c.this\u6307\u5411<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#1%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6_this%E6%8C%87%E5%90%91%E5%AF%B9%E8%B1%A1%E6%9C%AC%E8%BA%AB\" >1.\u70b9\u51fb\u4e8b\u4ef6 this\u6307\u5411\u5bf9\u8c61\u672c\u8eab<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#2%E5%87%BD%E6%95%B0%E8%B0%83%E7%94%A8_this%E6%8C%87%E5%90%91window\" >2.\u51fd\u6570\u8c03\u7528 this\u6307\u5411window<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#3%E5%AF%B9%E8%B1%A1%E6%96%B9%E6%B3%95_this%E6%8C%87%E5%90%91%E5%AF%B9%E8%B1%A1%E6%9C%AC%E8%BA%AB\" >3.\u5bf9\u8c61\u65b9\u6cd5 this\u6307\u5411\u5bf9\u8c61\u672c\u8eab<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#4%E5%AE%9A%E6%97%B6%E5%99%A8_%E9%BB%98%E8%AE%A4%E6%8C%87%E5%90%91window_%E5%A6%82%E6%9E%9C%E5%A4%96%E5%B1%82%E6%9C%89%E5%87%BD%E6%95%B0_this%E6%8C%87%E5%90%91%E4%B8%8A%E4%B8%80%E5%B1%82\" >4.\u5b9a\u65f6\u5668 \u9ed8\u8ba4\u6307\u5411window \u5982\u679c\u5916\u5c42\u6709\u51fd\u6570 this\u6307\u5411\u4e0a\u4e00\u5c42<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E4%B8%89%E6%94%B9%E5%8F%98this%E6%8C%87%E5%90%91\" >\u4e09.\u6539\u53d8this\u6307\u5411<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#1call\" >1.call<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#2apply\" >2.apply<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#3bind\" >3.bind<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#4%E4%B8%89%E8%80%85%E5%8C%BA%E5%88%AB\" >4.\u4e09\u8005\u533a\u522b<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E5%9B%9B%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE%E2%80%BB\" >\u56db.\u539f\u578b\u4e0e\u539f\u578b\u94fe\u203b<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#1%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0\" >1.\u6784\u9020\u51fd\u6570<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#2%E5%8E%9F%E5%9E%8B\" >2.\u539f\u578b<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#3%E5%8E%9F%E5%9E%8B%E9%93%BE\" >3.\u539f\u578b\u94fe<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#4%E6%80%BB%E7%BB%93%E2%AD%90\" >4.\u603b\u7ed3\u2b50<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E4%BA%94%E8%8E%B7%E5%8F%96%E5%B1%8F%E5%B9%95%E5%AE%BD%E9%AB%98\" >\u4e94.\u83b7\u53d6\u5c4f\u5e55\u5bbd\u9ad8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E5%85%AD%E8%8E%B7%E5%8F%96%E5%85%83%E7%B4%A0%E8%87%AA%E8%BA%AB%E9%95%BF%E5%AE%BD%E5%8F%8A%E6%8D%AE%E9%A1%B6%E9%83%A8%E5%B7%A6%E4%BE%A7%E8%B7%9D%E7%A6%BB\" >\u516d.\u83b7\u53d6\u5143\u7d20\u81ea\u8eab\u957f\u5bbd\u53ca\u636e\u9876\u90e8\u5de6\u4fa7\u8ddd\u79bb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#%E4%B8%83%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81\" >\u4e03.\u9632\u6296\u4e0e\u8282\u6d41<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#1%E9%98%B2%E6%8A%96\" >1.\u9632\u6296<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#2%E8%8A%82%E6%B5%81\" >2.\u8282\u6d41<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/linuxjk.cn\/?p=2226\/#3%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81%E7%9A%84%E5%8C%BA%E5%88%AB\" >3.\u9632\u6296\u4e0e\u8282\u6d41\u7684\u533a\u522b<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h3 class=\"wp-block-heading\" id=\"uv5E7\"><span class=\"ez-toc-section\" id=\"%E4%B8%80%E4%BA%8B%E4%BB%B6%E5%A7%94%E6%89%98\"><\/span>\u4e00.\u4e8b\u4ef6\u59d4\u6258<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p id=\"uca232d1f\">\u51cf\u5c11\u5185\u5b58\u6d88\u8017 \u907f\u514d\u591a\u6b21\u5faa\u73af<\/p>\n\n\n\n<p id=\"ua7330e58\">\u4f8b\u5b50\uff1a\u5bf9\u5916\u5c42ul\u8fdb\u884c\u4e8b\u4ef6\u7ed1\u5b9a \u4ece\u800c\u907f\u514d\u8fdb\u884c\u5faa\u73af \u5b9e\u73b0\u70b9\u51fb\u51fa\u73b0li\u7684\u6587\u672c<\/p>\n\n\n\n<pre id=\"tfH1G\" class=\"wp-block-code\"><code>  &lt;ul id=\"list\"&gt;\n        &lt;li&gt;1&lt;\/li&gt;\n        &lt;li&gt;2&lt;\/li&gt;\n        &lt;li&gt;3&lt;\/li&gt;\n    &lt;\/ul&gt;\n    &lt;button class=\"btn\"&gt;\u6dfb\u52a0&lt;\/button&gt;\n    &lt;script&gt;\n        var oList = document.getElementById('list');\n        var oBtn = document.getElementsByClassName('btn')&#091;0];\n        var oLists = document.querySelectorAll('#list li');\n        \/\/ \u4e8b\u4ef6\u59d4\u6258\n        oList.onclick = function (event) {\n            if (event.target.tagName == 'LI') {\n                console.log(event.target.innerHTML);\n            }\n        }<\/code><\/pre>\n\n\n\n<p id=\"u06e3d1fe\">event \u4e8b\u4ef6\u6e90 \u5224\u65adevent.target.tagName\u662f\u5426\u4e3aLI\u5373\u53ef\u8fdb\u884c\u4e8b\u4ef6\u64cd\u4f5c<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"D39RK\"><span class=\"ez-toc-section\" id=\"%E4%BA%8Cthis%E6%8C%87%E5%90%91\"><\/span>\u4e8c.this\u6307\u5411<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"Q0FZj\"><span class=\"ez-toc-section\" id=\"1%E7%82%B9%E5%87%BB%E4%BA%8B%E4%BB%B6_this%E6%8C%87%E5%90%91%E5%AF%B9%E8%B1%A1%E6%9C%AC%E8%BA%AB\"><\/span>1.\u70b9\u51fb\u4e8b\u4ef6 this\u6307\u5411\u5bf9\u8c61\u672c\u8eab<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"ft3HD\" class=\"wp-block-code\"><code>box.onclick = function(){\n        console.log(this);\n    }<\/code><\/pre>\n\n\n\n<p id=\"uea556c09\">\u6307\u5411box\u6807\u7b7e<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"YOKvY\"><span class=\"ez-toc-section\" id=\"2%E5%87%BD%E6%95%B0%E8%B0%83%E7%94%A8_this%E6%8C%87%E5%90%91window\"><\/span>2.\u51fd\u6570\u8c03\u7528 this\u6307\u5411window<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"hFOjn\" class=\"wp-block-code\"><code>  function show(){\n        console.log(this);\n    }\n    show();<\/code><\/pre>\n\n\n\n<p id=\"uda9297aa\">\u6307\u5411window<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"UZyql\"><span class=\"ez-toc-section\" id=\"3%E5%AF%B9%E8%B1%A1%E6%96%B9%E6%B3%95_this%E6%8C%87%E5%90%91%E5%AF%B9%E8%B1%A1%E6%9C%AC%E8%BA%AB\"><\/span>3.\u5bf9\u8c61\u65b9\u6cd5 this\u6307\u5411\u5bf9\u8c61\u672c\u8eab<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"Q4qtb\" class=\"wp-block-code\"><code>  let obj={\n        name:'who',\n        show:function(){\n            console.log(this);\n        }\n    }\n    obj.show();<\/code><\/pre>\n\n\n\n<p id=\"ub12d9abe\">\u6307\u5411obj<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"xIdJe\"><span class=\"ez-toc-section\" id=\"4%E5%AE%9A%E6%97%B6%E5%99%A8_%E9%BB%98%E8%AE%A4%E6%8C%87%E5%90%91window_%E5%A6%82%E6%9E%9C%E5%A4%96%E5%B1%82%E6%9C%89%E5%87%BD%E6%95%B0_this%E6%8C%87%E5%90%91%E4%B8%8A%E4%B8%80%E5%B1%82\"><\/span>4.\u5b9a\u65f6\u5668 \u9ed8\u8ba4\u6307\u5411window \u5982\u679c\u5916\u5c42\u6709\u51fd\u6570 this\u6307\u5411\u4e0a\u4e00\u5c42<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"CShFN\" class=\"wp-block-code\"><code> setInterval(function() {\n            console.log(this)\n        },1000)<\/code><\/pre>\n\n\n\n<p id=\"u13005b9f\">\u6307\u5411window<\/p>\n\n\n\n<pre id=\"SUAFV\" class=\"wp-block-code\"><code> box.onclick = function() {\n        \/\/     setInterval(()=&gt;{\n        \/\/         console.log(this)\n        \/\/     },2000)\n        \/\/ }<\/code><\/pre>\n\n\n\n<p id=\"u47e2e2e8\">\u6307\u5411box \u6807\u7b7e<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"WNY3I\"><span class=\"ez-toc-section\" id=\"%E4%B8%89%E6%94%B9%E5%8F%98this%E6%8C%87%E5%90%91\"><\/span>\u4e09.\u6539\u53d8this\u6307\u5411<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"Xsrkb\"><span class=\"ez-toc-section\" id=\"1call\"><\/span>1.call<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"uqiEZ\" class=\"wp-block-code\"><code>fn1.call(obj,2,3)<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"rrS35\"><span class=\"ez-toc-section\" id=\"2apply\"><\/span>2.apply<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"RfLj2\" class=\"wp-block-code\"><code>fn1.apply(obj,&#091;2,3])<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"Nj3sA\"><span class=\"ez-toc-section\" id=\"3bind\"><\/span>3.bind<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<pre id=\"Q4dIx\" class=\"wp-block-code\"><code>fn1.bind(obj, 2, 3)();<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"ozaEz\"><span class=\"ez-toc-section\" id=\"4%E4%B8%89%E8%80%85%E5%8C%BA%E5%88%AB\"><\/span>4.\u4e09\u8005\u533a\u522b<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"uf6c13df3\">* 1.bind\u65e0\u6cd5\u76f4\u63a5\u8c03\u7528 call\u548capply\u53ef\u4ee5\u76f4\u63a5\u8c03\u7528<\/p>\n\n\n\n<p id=\"uaa862c8b\">* 2.call\u548cbind\u4ece\u7b2c\u4e8c\u9879\u5f00\u59cb\uff0c\u8981\u4f20\u5165\u7684\u53c2\u6570\u662f\u9010\u4e2a\u4f20\u5165\u7684<\/p>\n\n\n\n<p id=\"u1af5c306\">* 3.apply\u4ece\u7b2c\u4e8c\u9879\u5f00\u59cb\uff0c\u8981\u4f20\u5165\u7684\u53c2\u6570\u5728\u6570\u7ec4\u4e2d\u9010\u4e2a\u4f20\u5165<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gACUp\"><span class=\"ez-toc-section\" id=\"%E5%9B%9B%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE%E2%80%BB\"><\/span>\u56db.\u539f\u578b\u4e0e\u539f\u578b\u94fe\u203b<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"BTRZM\"><span class=\"ez-toc-section\" id=\"1%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0\"><\/span>1.\u6784\u9020\u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"u60603277\">* 1.\u9996\u5b57\u6bcd\u5927\u5199<\/p>\n\n\n\n<p id=\"u43f661b9\">* 2.\u4f7f\u7528\u65f6 \u901a\u8fc7new\u53bb\u8fdb\u884c\u5b9e\u4f8b\u5316<\/p>\n\n\n\n<p id=\"uec0480b5\">* 3.this\u6267\u884c\u5f53\u524d\u51fd\u6570\u672c\u8eab<\/p>\n\n\n\n<p id=\"uc1587ef1\">* 4.\u53cd\u51fa\u503c \u4e0d\u7528return<\/p>\n\n\n\n<p id=\"ue1dccd3e\">* \u5c5e\u6027 \u5199\u5728\u6784\u9020\u51fd\u6570\u4e0b<\/p>\n\n\n\n<p id=\"u38bc34f3\">* \u65b9\u6cd5 \u5199\u5728\u539f\u578b\u4e0b<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"b3bOP\"><span class=\"ez-toc-section\" id=\"2%E5%8E%9F%E5%9E%8B\"><\/span>2.\u539f\u578b<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"uc3271e9a\">1.\u6784\u9020\u51fd\u6570\u4e2d\u81ea\u5e26\u4e86constructor(\u6784\u9020\u5668)\u548cprototype(\u539f\u578b\u5bf9\u8c61\/\u663e\u6027\u65b9\u6cd5)<\/p>\n\n\n\n<p id=\"ub9bb9975\">2.\u5b9e\u4f8b\u5bf9\u8c61\u4e2d\u81ea\u5e26\u4e86_proto_\u65b9\u6cd5 \u6307\u5411\u5f53\u524d\u5bf9\u8c61\u539f\u578b<\/p>\n\n\n\n<p id=\"u64c6704f\">3.prototype \u4e0e _proto_ \u7b49\u4ef7\u7684<\/p>\n\n\n\n<p id=\"ub5dc19b5\">4.constructor\u6307\u5411\u7684\u662fprototype\u7684\u6784\u9020\u51fd\u6570<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.nlark.com\/yuque\/0\/2025\/png\/60074048\/1756780867867-a2f1837c-fc1e-4f93-9cc4-c58811456585.png\" alt=\"\" title=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdn.nlark.com\/yuque\/0\/2025\/png\/60074048\/1756780878358-b4f266a3-f8b8-4e6c-b4c4-875b0d40485a.png?x-oss-process=image%2Fcrop%2Cx_0%2Cy_0%2Cw_1319%2Ch_382\" alt=\"\" title=\"\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"PtViq\"><span class=\"ez-toc-section\" id=\"3%E5%8E%9F%E5%9E%8B%E9%93%BE\"><\/span>3.\u539f\u578b\u94fe<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"u863740bd\">\u8bbf\u95ee\u5bf9\u8c61\u5c5e\u6027\u65f6 \u5148\u4ece\u5bf9\u8c61\u672c\u8eab\u5c5e\u6027\u4e0a\u5bfb\u627e<\/p>\n\n\n\n<p id=\"u07b8f5b0\">\u7136\u540e\u901a\u8fc7 _proto_ \u53bb\u539f\u578b\u4e0a\u5bfb\u627e<\/p>\n\n\n\n<p id=\"u14e306d5\">\u82e5\u8fd8\u6ca1\u627e\u5230 \u5219\u5728\u539f\u578b\u5bf9\u8c61prototypes\u4e0a\u5bfb\u627e \u627e\u5230\u5c31\u8fd4\u56de \u672a\u627e\u5230(undefined)\/null<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"M1Lsb\"><span class=\"ez-toc-section\" id=\"4%E6%80%BB%E7%BB%93%E2%AD%90\"><\/span>4.\u603b\u7ed3\u2b50<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"u01ea2fd9\">\u9762\u8bd5\u9898<\/p>\n\n\n\n<p id=\"uf36f4e0e\">\u6240\u6709\u7684\u51fd\u6570\u6570\u636e\u7c7b\u578b\u90fd\u5929\u751f\u81ea\u5e26\u4e00\u4e2aprototype\u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u7684\u5c5e\u6027\u503c\u662f\u4e00\u4e2a\u5bf9\u8c61\uff0c\u6307\u5411\u539f\u578b<\/p>\n\n\n\n<p id=\"uf3ed6b29\">prototype\u7684\u5c5e\u6027\u503c\u4e2d\u5929\u751f\u81ea\u5e26\u4e00\u4e2aconstructor\u5c5e\u6027\uff0c\u5176constructor\u5c5e\u6027\u503c\u6307\u5411\u5f53\u524d\u539f\u578b\u6240\u5c5e\u7684\u6784\u9020\u51fd\u6570\/\u7c7b<\/p>\n\n\n\n<p id=\"uc3c5ccde\">\u6240\u6709\u7684\u5bf9\u8c61\u6570\u636e\u7c7b\u578b\uff08\u5b9e\u4f8b\uff09\uff0c\u90fd\u5929\u751f\u81ea\u5e26\u4e00\u4e2a_proto_\u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u7684\u5c5e\u6027\u503c\u6307\u5411\u5f53\u524d\u5b9e\u4f8b\u6240\u5c5e\u7c7b\u7684\u539f\u578b<\/p>\n\n\n\n<p id=\"u3b4739a3\">\u603b\u7ed3<\/p>\n\n\n\n<p id=\"ue1914d8e\">1.\u628a\u6240\u6709\u7684\u5bf9\u8c61\u5171\u7528\u7684\u5c5e\u6027\u5168\u90e8\u653e\u5728\u5806\u5185\u5b58\u7684\u4e00\u4e2a\u5bf9\u8c61\uff08\u5171\u7528\u5c5e\u6027\u7ec4\u6210\u7684\u5bf9\u8c61\uff09\uff0c\u7136\u540e\u8ba9\u6bcf\u4e00\u4e2a\u5bf9\u8c61\u7684 __proto__\u5b58\u50a8\u8fd9\u4e2a\u300c\u5171\u7528\u5c5e\u6027\u7ec4\u6210\u7684\u5bf9\u8c61\u300d\u7684\u5730\u5740\u3002<\/p>\n\n\n\n<p id=\"u033b783c\">\u800c\u8fd9\u4e2a\u5171\u7528\u5c5e\u6027\u5c31\u662f\u539f\u578b\uff0c\u539f\u578b\u51fa\u73b0\u7684\u76ee\u7684\u5c31\u662f\u4e3a\u4e86\u51cf\u5c11\u4e0d\u5fc5\u8981\u7684\u5185\u5b58\u6d88\u8017\u3002<\/p>\n\n\n\n<p id=\"u90527de7\">2.\u539f\u578b\u94fe\u5c31\u662f\u5bf9\u8c61\u901a\u8fc7__proto__\u5411\u5f53\u524d\u5b9e\u4f8b\u6240\u5c5e\u7c7b\u7684\u539f\u578b\u4e0a\u67e5\u627e\u5c5e\u6027\u6216\u65b9\u6cd5\u7684\u673a\u5236\uff0c\u5982\u679c\u627e\u5230Object\u7684\u539f\u578b\u4e0a\u8fd8\u662f\u6ca1\u6709\u627e\u5230\u60f3\u8981\u7684\u5c5e\u6027\u6216\u8005\u662f\u65b9\u6cd5\u5219\u67e5\u627e\u7ed3\u675f\uff0c\u6700\u7ec8\u4f1a\u8fd4\u56deundefined<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"oIBfq\"><span class=\"ez-toc-section\" id=\"%E4%BA%94%E8%8E%B7%E5%8F%96%E5%B1%8F%E5%B9%95%E5%AE%BD%E9%AB%98\"><\/span>\u4e94.\u83b7\u53d6\u5c4f\u5e55\u5bbd\u9ad8<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre id=\"cx5ST\" class=\"wp-block-code\"><code>var screenWidth = document.body.clientWidth || document.documentElement.clientWidth;\nvar screenHeight = document.body.clientHeight || document.documentElement.clientHeight;<\/code><\/pre>\n\n\n\n<p id=\"ud8a99ef6\">document.body.clientWidth\/clientHeight || document.documentElement.clientWidth\/clientHight;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"UhWqi\"><span class=\"ez-toc-section\" id=\"%E5%85%AD%E8%8E%B7%E5%8F%96%E5%85%83%E7%B4%A0%E8%87%AA%E8%BA%AB%E9%95%BF%E5%AE%BD%E5%8F%8A%E6%8D%AE%E9%A1%B6%E9%83%A8%E5%B7%A6%E4%BE%A7%E8%B7%9D%E7%A6%BB\"><\/span>\u516d.\u83b7\u53d6\u5143\u7d20\u81ea\u8eab\u957f\u5bbd\u53ca\u636e\u9876\u90e8\u5de6\u4fa7\u8ddd\u79bb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p id=\"uf45ac650\">xxx.offsetWidth\/xxx.offsetHigth\/xxx.offsetTop\/xxx.offsetLeft<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"teoX3\"><span class=\"ez-toc-section\" id=\"%E4%B8%83%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81\"><\/span>\u4e03.\u9632\u6296\u4e0e\u8282\u6d41<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"OiVv0\"><span class=\"ez-toc-section\" id=\"1%E9%98%B2%E6%8A%96\"><\/span>1.\u9632\u6296<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"ua747d7c1\">\u5b9a\u4e49\uff1a\u5f53\u4e8b\u4ef6\u89e6\u53d1\u540e\uff0c\u7b49\u5f85\u4e00\u6bb5\u65f6\u95f4\u5728\u6267\u884c\u56de\u8c03\u51fd\u6570\uff0c\u5982\u679c\u5728\u8fd9\u6bb5\u65f6\u95f4\u5185\uff0c\u518d\u6b21\u89e6\u53d1\u4e8b\u4ef6\uff0c\u5219\u91cd\u65b0\u8ba1\u65f6<\/p>\n\n\n\n<p id=\"uf9e2fa5e\">\u5373\u89e6\u53d1\u4e8b\u4ef6\u5728n\u79d2\u5185\u53ea\u6267\u884c\u6700\u540e\u4e00\u6b21\u89e6\u53d1\u7684\u51fd\u6570\uff08\u65e0\u8bba\u70b9\u51fb\u591a\u5c11\u6b21\u90fd\u4ece\u6700\u540e\u4e00\u6b21\u5f00\u59cb\u8ba1\u65f6\uff0c\u56e0\u4e3a\u4e4b\u524d\u70b9\u51fb\u89e6\u53d1\u7684\u5b9a\u65f6\u5668\u4f1a\u88ab\u4e0b\u6b21\u8986\u76d6\uff09<\/p>\n\n\n\n<p id=\"uc58470a6\">\u53c2\u6570\uff1a \u6267\u884c\u56de\u8c03\u51fd\u6570 \/ \u5ef6\u8fdf\u65f6\u95f4<\/p>\n\n\n\n<p id=\"ub89f83e1\">debounce(\u6267\u884c\u56de\u8c03\u51fd\u6570\uff09, \u5ef6\u8fdf\u65f6\u95f4)<\/p>\n\n\n\n<p id=\"u7d7373fc\">\u6ce8\u610f\uff1a\u5b9a\u4e49\u9632\u6296\u51fd\u6570\u65f6 \u4e00\u5b9a\u8981\u628a\u5b9a\u65f6\u5668\u653e\u5728return\u7684\u51fd\u6570\u4e2d<\/p>\n\n\n\n<p id=\"ue9174bc4\">\u7528\u9014\uff1a \u8f93\u5165\u6846\u8f93\u5165\u5185\u5bb9 \u6eda\u52a8\u4e8b\u4ef6 \u6309\u94ae\u70b9\u51fb\uff1a\u9632\u6b62\u7528\u6237\u591a\u6b21\u5feb\u901f\u70b9\u51fb<\/p>\n\n\n\n<pre id=\"M9WNv\" class=\"wp-block-code\"><code>   &lt;script&gt;\n        var box = document.getElementById(\"box\");\n        let i = 1\n        function Count() {\n            box.innerText = i++;\n        }\n     \n        function debounce(fn, delay) {\n            var timer = null;\n            return function () {\n\/\/ \u5982\u679ctimer\u5b58\u5728\u5219\u6e05\u9664\u5b9a\u65f6\u5668 \u5426\u5219\u8fdb\u5165\u8ba1\u65f6\u5668\u6267\u884c \u6b64\u65f6\u518d\u6b21\u70b9\u51fb\u53c8\u6e05\u9664\u8ba1\u65f6\u5668 \u76f4\u5230\u70b9\u51fb\u5b8c\u6210\n                if (timer) clearTimeout(timer);\n                timer = setTimeout(function () {\n                    fn()\n                }, delay)\n            }\n        }\n        box.addEventListener('click', debounce(Count, 1000))\n    &lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"vjnZS\"><span class=\"ez-toc-section\" id=\"2%E8%8A%82%E6%B5%81\"><\/span>2.\u8282\u6d41<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"u8d54d98a\">\u5b9a\u4e49\uff1a \u9650\u5236\u51fd\u6570\u5728\u4e00\u5b9a\u65f6\u95f4\u5185\u7684\u6267\u884c\u6b21\u6570\uff0c \u89c4\u5b9an\u79d2\u5185\u8fde\u7eed\u70b9\u51fb\u4e8b\u4ef6\u4f46\u53ea\u6267\u884c\u4e00\u6b21<\/p>\n\n\n\n<p id=\"u9ed16209\">\u5728\u56fa\u5b9a\u65f6\u95f4\u95f4\u9694\u5185\uff0c\u51fd\u6570\u6700\u591a\u53ea\u6267\u884c\u4e00\u6b21\u3002\u65e0\u8bba\u4e8b\u4ef6\u89e6\u53d1\u591a\u5c11\u6b21\uff0c\u90fd\u4fdd\u8bc1\u5728\u6307\u5b9a\u65f6\u95f4\u5185\u53ea\u6267\u884c\u4e00\u6b21\u3002<\/p>\n\n\n\n<p id=\"u9229e242\">\u5373\u5f53\u5728\u89c4\u5b9a\u65f6\u95f4\u5185\u9891\u7e41\u70b9\u51fb\u89e6\u53d1\u4e8b\u4ef6\u65f6 \u53ea\u6267\u884c\u7b2c\u4e00\u6b21<\/p>\n\n\n\n<p id=\"u2f254533\">\u53c2\u6570\uff1a \u6267\u884c\u56de\u8c03\u51fd\u6570 \/ \u5ef6\u8fdf\u65f6\u95f4<\/p>\n\n\n\n<p id=\"u56f05297\">throttle(\u6267\u884c\u56de\u8c03\u51fd\u6570\uff09, \u5ef6\u8fdf\u65f6\u95f4)<\/p>\n\n\n\n<p id=\"u1a9ced53\">\u7528\u9014\uff1a\u9f20\u6807\u79fb\u52a8 \u9f20\u6807\u8ddf\u8e2a \u7a97\u53e3\u5927\u5c0f \u9891\u7e41\u70b9\u51fb\u6309\u94ae<\/p>\n\n\n\n<pre id=\"mvqkZ\" class=\"wp-block-code\"><code>&lt;script&gt;\n        var box = document.getElementById(\"box\");\n        let i = 1\n        function Count() {\n            box.innerText = i++;\n        }\n\n        function throttle(fn, delay) {\n            var timer = null;\n            return function () {\n\/\/ \u89e6\u53d1\u4e8b\u4ef6\u65f6timer\u6709\u503c\u8fdb\u5165\u5faa\u73af \u6b64\u65f6\u518d\u70b9\u51fb\u51e0\u6b21\u90fd\u4e0d\u8fdb\u5faa\u73af \u76f4\u5230\u5faa\u73af\u5b8c\u6210 timer\u88ab\u6e05\u7a7a\n                if (!timer)\n                    timer = setTimeout(function () {\n                        fn()\n                    timer = null\n                    }, delay)\n            }\n        }\n        box.addEventListener('click', throttle(Count, 1000))\n    &lt;\/script&gt;<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"PpLGe\"><span class=\"ez-toc-section\" id=\"3%E9%98%B2%E6%8A%96%E4%B8%8E%E8%8A%82%E6%B5%81%E7%9A%84%E5%8C%BA%E5%88%AB\"><\/span>3.\u9632\u6296\u4e0e\u8282\u6d41\u7684\u533a\u522b<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p id=\"u2a1cca3f\">* \u8282\u6d41 \u4fdd\u8bc1\u51fd\u6570\u5728\u56fa\u5b9a\u65f6\u95f4\u95f4\u9694\u5185\u81f3\u5c11\u6267\u884c\u4e00\u6b21<br>* \u9632\u6296 \u5728\u4e8b\u4ef6\u505c\u6b62\u89e6\u53d1\u4e00\u6bb5\u65f6\u95f4\u540e\u624d\u6267\u884c<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e00.\u4e8b\u4ef6\u59d4\u6258 \u51cf\u5c11\u5185\u5b58\u6d88\u8017 \u907f\u514d\u591a\u6b21\u5faa\u73af \u4f8b\u5b50\uff1a\u5bf9\u5916\u5c42ul\u8fdb\u884c\u4e8b\u4ef6\u7ed1\u5b9a \u4ece\u800c\u907f\u514d\u8fdb\u884c\u5faa\u73af \u5b9e\u73b0\u70b9\u51fb\u51fa\u73b0li\u7684\u6587 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[19],"tags":[],"class_list":["post-2226","post","type-post","status-publish","format-standard","hentry","category--yxy"],"_links":{"self":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2226"}],"version-history":[{"count":1,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2226\/revisions"}],"predecessor-version":[{"id":2227,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=\/wp\/v2\/posts\/2226\/revisions\/2227"}],"wp:attachment":[{"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxjk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}