{"id":441,"date":"2020-02-14T15:01:57","date_gmt":"2020-02-14T07:01:57","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=441"},"modified":"2020-02-14T15:01:57","modified_gmt":"2020-02-14T07:01:57","slug":"%e9%97%ad%e5%8c%85","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/%e9%97%ad%e5%8c%85\/","title":{"rendered":"\u95ed\u5305"},"content":{"rendered":"
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>00_\u5f15\u5165<\/title>\n<\/head>\n<body>\n\n<button>\u6d4b\u8bd51<\/button>\n<button>\u6d4b\u8bd52<\/button>\n<button>\u6d4b\u8bd53<\/button>\n<!--\n\u9700\u6c42: \u70b9\u51fb\u67d0\u4e2a\u6309\u94ae, \u63d0\u793a\"\u70b9\u51fb\u7684\u662f\u7b2cn\u4e2a\u6309\u94ae\"\n-->\n<script type=\"text\/javascript\">\n  var btns = document.getElementsByTagName('button')\n  \/\/\u904d\u5386\u52a0\u76d1\u542c\n  \/*\n  for (var i = 0,length=btns.length; i < length; i++) {\n    var btn = btns[i]\n    btn.onclick = function () {\n      alert('\u7b2c'+(i+1)+'\u4e2a')\n    }\n  }*\/\n  \/*\n  for (var i = 0,length=btns.length; i < length; i++) {\n    var btn = btns[i]\n    \/\/\u5c06btn\u6240\u5bf9\u5e94\u7684\u4e0b\u6807\u4fdd\u5b58\u5728btn\u4e0a\n    btn.index = i\n    btn.onclick = function () {\n      alert('\u7b2c'+(this.index+1)+'\u4e2a')\n    }\n  }*\/\n\n  \/\/\u5229\u7528\u95ed\u5305\n  for (var i = 0,length=btns.length; i < length; i++) {\n    (function (j) {\n      var btn = btns[j]\n      btn.onclick = function () {\n        alert('\u7b2c'+(j+1)+'\u4e2a')\n      }\n    })(i)\n  }\n\n<\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>01_\u7406\u89e3\u95ed\u5305<\/title>\n<\/head>\n<body>\n<!--\n1. \u5982\u4f55\u4ea7\u751f\u95ed\u5305?\n  * \u5f53\u4e00\u4e2a\u5d4c\u5957\u7684\u5185\u90e8(\u5b50)\u51fd\u6570\u5f15\u7528\u4e86\u5d4c\u5957\u7684\u5916\u90e8(\u7236)\u51fd\u6570\u7684\u53d8\u91cf(\u51fd\u6570)\u65f6, \u5c31\u4ea7\u751f\u4e86\u95ed\u5305\n2. \u95ed\u5305\u5230\u5e95\u662f\u4ec0\u4e48?\n  * \u4f7f\u7528chrome\u8c03\u8bd5\u67e5\u770b\n  * \u7406\u89e3\u4e00: \u95ed\u5305\u662f\u5d4c\u5957\u7684\u5185\u90e8\u51fd\u6570(\u7edd\u5927\u90e8\u5206\u4eba)\n  * \u7406\u89e3\u4e8c: \u5305\u542b\u88ab\u5f15\u7528\u53d8\u91cf(\u51fd\u6570)\u7684\u5bf9\u8c61(\u6781\u5c11\u6570\u4eba)\n  * \u6ce8\u610f: \u95ed\u5305\u5b58\u5728\u4e8e\u5d4c\u5957\u7684\u5185\u90e8\u51fd\u6570\u4e2d\n3. \u4ea7\u751f\u95ed\u5305\u7684\u6761\u4ef6?\n  * \u51fd\u6570\u5d4c\u5957\n  * \u5185\u90e8\u51fd\u6570\u5f15\u7528\u4e86\u5916\u90e8\u51fd\u6570\u7684\u6570\u636e(\u53d8\u91cf\/\u51fd\u6570)\n-->\n<script type=\"text\/javascript\">\n  function fn1 () {\n    var a = 2\n    var b = 'abc'\n    function fn2 () { \/\/\u6267\u884c\u51fd\u6570\u5b9a\u4e49\u5c31\u4f1a\u4ea7\u751f\u95ed\u5305(\u4e0d\u7528\u8c03\u7528\u5185\u90e8\u51fd\u6570)\n      console.log(a)\n    }\n    \/\/ fn2()\n  }\n  fn1()\n\n  function fun1() {\n    var a = 3\n    var fun2 = function () {\n      console.log(a)\n    }\n  }\n  fun1()\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>02_\u5e38\u89c1\u7684\u95ed\u5305<\/title>\n\n<\/head>\n<body>\n<!--\n1. \u5c06\u51fd\u6570\u4f5c\u4e3a\u53e6\u4e00\u4e2a\u51fd\u6570\u7684\u8fd4\u56de\u503c\n2. \u5c06\u51fd\u6570\u4f5c\u4e3a\u5b9e\u53c2\u4f20\u9012\u7ed9\u53e6\u4e00\u4e2a\u51fd\u6570\u8c03\u7528\n-->\n<script type=\"text\/javascript\">\n  \/\/ 1. \u5c06\u51fd\u6570\u4f5c\u4e3a\u53e6\u4e00\u4e2a\u51fd\u6570\u7684\u8fd4\u56de\u503c\n\n  function fn1(str) {\n      var a = 2\n    function fn2() {\n      a++\n      console.log(a)\n    }\n    function fn3(){\n      console.log(a)\n    }\n    if (!str) return fn2\n      else return fn3;\n  }\n  var f = fn1()\n  var x = fn1(\"23\")\n  f() \/\/ 3\n  f() \/\/ 4\n  x() \/\/ 2\n\n  \/\/ 2. \u5c06\u51fd\u6570\u4f5c\u4e3a\u5b9e\u53c2\u4f20\u9012\u7ed9\u53e6\u4e00\u4e2a\u51fd\u6570\u8c03\u7528\n  function showDelay(msg, time) {\n    setTimeout(function () {\n      alert(msg)\n    }, time)\n  }\n  showDelay('atguigu', 2000)\n\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>03_\u95ed\u5305\u7684\u4f5c\u7528<\/title>\n\n<\/head>\n<body>\n<!--\n1. \u4f7f\u7528\u51fd\u6570\u5185\u90e8\u7684\u53d8\u91cf\u5728\u51fd\u6570\u6267\u884c\u5b8c\u540e, \u4ecd\u7136\u5b58\u6d3b\u5728\u5185\u5b58\u4e2d(\u5ef6\u957f\u4e86\u5c40\u90e8\u53d8\u91cf\u7684\u751f\u547d\u5468\u671f)\n2. \u8ba9\u51fd\u6570\u5916\u90e8\u53ef\u4ee5\u64cd\u4f5c(\u8bfb\u5199)\u5230\u51fd\u6570\u5185\u90e8\u7684\u6570\u636e(\u53d8\u91cf\/\u51fd\u6570)\n\n\u95ee\u9898:\n  1. \u51fd\u6570\u6267\u884c\u5b8c\u540e, \u51fd\u6570\u5185\u90e8\u58f0\u660e\u7684\u5c40\u90e8\u53d8\u91cf\u662f\u5426\u8fd8\u5b58\u5728?  \u4e00\u822c\u662f\u4e0d\u5b58\u5728, \u5b58\u5728\u4e8e\u95ed\u4e2d\u7684\u53d8\u91cf\u624d\u53ef\u80fd\u5b58\u5728\n  2. \u5728\u51fd\u6570\u5916\u90e8\u80fd\u76f4\u63a5\u8bbf\u95ee\u51fd\u6570\u5185\u90e8\u7684\u5c40\u90e8\u53d8\u91cf\u5417? \u4e0d\u80fd, \u4f46\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u95ed\u5305\u8ba9\u5916\u90e8\u64cd\u4f5c\u5b83\n-->\n<script type=\"text\/javascript\">\n  function fn1() {\n    var a = 2\n    function fn2() {\n      a++\n      console.log(a)\n      \/\/ return a\n    }\n    function fn3() {\n      a--\n      console.log(a)\n    }\n    return fn3\n  }\n  var f = fn1()\n  f() \/\/ 1\n  f() \/\/ 0\n<\/script>\n\n<\/body>\n<\/html><\/code><\/pre>\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>04_\u95ed\u5305\u7684\u751f\u547d\u5468\u671f<\/title>\n\n<\/head>\n<body>\n<!--\n1. \u4ea7\u751f: \u5728\u5d4c\u5957\u5185\u90e8\u51fd\u6570\u5b9a\u4e49\u6267\u884c\u5b8c\u65f6\u5c31\u4ea7\u751f\u4e86(\u4e0d\u662f\u5728\u8c03\u7528)\n2. \u6b7b\u4ea1: \u5728\u5d4c\u5957\u7684\u5185\u90e8\u51fd\u6570\u6210\u4e3a\u5783\u573e\u5bf9\u8c61\u65f6\n-->\n<script type=\"text\/javascript\">\n  function fn1() {\n    \/\/\u6b64\u65f6\u95ed\u5305\u5c31\u5df2\u7ecf\u4ea7\u751f\u4e86(\u51fd\u6570\u63d0\u5347, \u5185\u90e8\u51fd\u6570\u5bf9\u8c61\u5df2\u7ecf\u521b\u5efa\u4e86)\n    var a = 2\n    function fn2 () {\n      a++\n      console.log(a)\n    }\n    return fn2\n  }\n  var f = fn1()\n  f() \/\/ 3\n  f() \/\/ 4\n  f = null \/\/\u95ed\u5305\u6b7b\u4ea1(\u5305\u542b\u95ed\u5305\u7684\u51fd\u6570\u5bf9\u8c61\u6210\u4e3a\u5783\u573e\u5bf9\u8c61)\n<\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html lang=”en”> <head> <met","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[5],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/441"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=441"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/441\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}