{"id":434,"date":"2020-02-14T14:49:21","date_gmt":"2020-02-14T06:49:21","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=434"},"modified":"2020-02-14T14:49:21","modified_gmt":"2020-02-14T06:49:21","slug":"%e6%89%a7%e8%a1%8c%e4%b8%8a%e4%b8%8b%e6%96%87%e4%b8%8e%e6%89%a7%e8%a1%8c%e4%b8%8a%e4%b8%8b%e6%96%87%e6%a0%88","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/%e6%89%a7%e8%a1%8c%e4%b8%8a%e4%b8%8b%e6%96%87%e4%b8%8e%e6%89%a7%e8%a1%8c%e4%b8%8a%e4%b8%8b%e6%96%87%e6%a0%88\/","title":{"rendered":"\u6267\u884c\u4e0a\u4e0b\u6587\u4e0e\u6267\u884c\u4e0a\u4e0b\u6587\u6808"},"content":{"rendered":"<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;title&gt;01_\u53d8\u91cf\u63d0\u5347\u4e0e\u51fd\u6570\u63d0\u5347&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n1. \u53d8\u91cf\u58f0\u660e\u63d0\u5347\n  * \u901a\u8fc7var\u5b9a\u4e49(\u58f0\u660e)\u7684\u53d8\u91cf, \u5728\u5b9a\u4e49\u8bed\u53e5\u4e4b\u524d\u5c31\u53ef\u4ee5\u8bbf\u95ee\u5230\n  * \u503c: undefined\n2. \u51fd\u6570\u58f0\u660e\u63d0\u5347\n  * \u901a\u8fc7function\u58f0\u660e\u7684\u51fd\u6570, \u5728\u4e4b\u524d\u5c31\u53ef\u4ee5\u76f4\u63a5\u8c03\u7528\n  * \u503c: \u51fd\u6570\u5b9a\u4e49(\u5bf9\u8c61)\n3. \u95ee\u9898: \u53d8\u91cf\u63d0\u5347\u548c\u51fd\u6570\u63d0\u5347\u662f\u5982\u4f55\u4ea7\u751f\u7684?\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  console.log('-----')\n  \/*\n  \u9762\u8bd5\u9898 : \u8f93\u51fa undefined\n   *\/\n  var a = 3\n  function fn () {\n    console.log(a)\n    var a = 4\n  }\n  fn()\n\n  console.log(b) \/\/undefined  \u53d8\u91cf\u63d0\u5347\n  fn2() \/\/\u53ef\u8c03\u7528  \u51fd\u6570\u63d0\u5347\n  \/\/ fn3() \/\/\u4e0d\u80fd  \u53d8\u91cf\u63d0\u5347\n\n  var b = 3\n  function fn2() {\n    console.log('fn2()')\n  }\n\n  var fn3 = function () {\n    console.log('fn3()')\n  }\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;title&gt;02_\u6267\u884c\u4e0a\u4e0b\u6587&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n1. \u4ee3\u7801\u5206\u7c7b(\u4f4d\u7f6e)\n  * \u5168\u5c40\u4ee3\u7801\n  * \u51fd\u6570(\u5c40\u90e8)\u4ee3\u7801\n2. \u5168\u5c40\u6267\u884c\u4e0a\u4e0b\u6587\n  * \u5728\u6267\u884c\u5168\u5c40\u4ee3\u7801\u524d\u5c06window\u786e\u5b9a\u4e3a\u5168\u5c40\u6267\u884c\u4e0a\u4e0b\u6587\n  * \u5bf9\u5168\u5c40\u6570\u636e\u8fdb\u884c\u9884\u5904\u7406\n    * var\u5b9a\u4e49\u7684\u5168\u5c40\u53d8\u91cf==&gt;undefined, \u6dfb\u52a0\u4e3awindow\u7684\u5c5e\u6027\n    * function\u58f0\u660e\u7684\u5168\u5c40\u51fd\u6570==&gt;\u8d4b\u503c(fun), \u6dfb\u52a0\u4e3awindow\u7684\u65b9\u6cd5\n    * this==&gt;\u8d4b\u503c(window)\n  * \u5f00\u59cb\u6267\u884c\u5168\u5c40\u4ee3\u7801\n3. \u51fd\u6570\u6267\u884c\u4e0a\u4e0b\u6587\n  * \u5728\u8c03\u7528\u51fd\u6570, \u51c6\u5907\u6267\u884c\u51fd\u6570\u4f53\u4e4b\u524d, \u521b\u5efa\u5bf9\u5e94\u7684\u51fd\u6570\u6267\u884c\u4e0a\u4e0b\u6587\u5bf9\u8c61(\u865a\u62df\u7684, \u5b58\u5728\u4e8e\u6808\u4e2d)\n  * \u5bf9\u5c40\u90e8\u6570\u636e\u8fdb\u884c\u9884\u5904\u7406\n    * \u5f62\u53c2\u53d8\u91cf==&gt;\u8d4b\u503c(\u5b9e\u53c2)==&gt;\u6dfb\u52a0\u4e3a\u6267\u884c\u4e0a\u4e0b\u6587\u7684\u5c5e\u6027\n    * arguments==&gt;\u8d4b\u503c(\u5b9e\u53c2\u5217\u8868), \u6dfb\u52a0\u4e3a\u6267\u884c\u4e0a\u4e0b\u6587\u7684\u5c5e\u6027\n    * var\u5b9a\u4e49\u7684\u5c40\u90e8\u53d8\u91cf==&gt;undefined, \u6dfb\u52a0\u4e3a\u6267\u884c\u4e0a\u4e0b\u6587\u7684\u5c5e\u6027\n    * function\u58f0\u660e\u7684\u51fd\u6570 ==&gt;\u8d4b\u503c(fun), \u6dfb\u52a0\u4e3a\u6267\u884c\u4e0a\u4e0b\u6587\u7684\u65b9\u6cd5\n    * this==&gt;\u8d4b\u503c(\u8c03\u7528\u51fd\u6570\u7684\u5bf9\u8c61)\n  * \u5f00\u59cb\u6267\u884c\u51fd\u6570\u4f53\u4ee3\u7801\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  console.log(a1, window.a1)\n  window.a2()\n  console.log(this)\n\n  var a1 = 3\n  function a2() {\n    console.log('a2()')\n  }\n  console.log(a1)\n\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;title&gt;03_\u6267\u884c\u4e0a\u4e0b\u6587\u6808&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n1. \u5728\u5168\u5c40\u4ee3\u7801\u6267\u884c\u524d, JS\u5f15\u64ce\u5c31\u4f1a\u521b\u5efa\u4e00\u4e2a\u6808\u6765\u5b58\u50a8\u7ba1\u7406\u6240\u6709\u7684\u6267\u884c\u4e0a\u4e0b\u6587\u5bf9\u8c61\n2. \u5728\u5168\u5c40\u6267\u884c\u4e0a\u4e0b\u6587(window)\u786e\u5b9a\u540e, \u5c06\u5176\u6dfb\u52a0\u5230\u6808\u4e2d(\u538b\u6808)\n3. \u5728\u51fd\u6570\u6267\u884c\u4e0a\u4e0b\u6587\u521b\u5efa\u540e, \u5c06\u5176\u6dfb\u52a0\u5230\u6808\u4e2d(\u538b\u6808)\n4. \u5728\u5f53\u524d\u51fd\u6570\u6267\u884c\u5b8c\u540e,\u5c06\u6808\u9876\u7684\u5bf9\u8c61\u79fb\u9664(\u51fa\u6808)\n5. \u5f53\u6240\u6709\u7684\u4ee3\u7801\u6267\u884c\u5b8c\u540e, \u6808\u4e2d\u53ea\u5269\u4e0bwindow\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  var a = 10\n  var bar = function (x) {\n    var b = 5\n    foo(x + b)\n  }\n  var foo = function (y) {\n    var c = 5\n    console.log(a + c + y)\n  }\n  bar(10)\n  \/\/ bar(10)\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;title&gt;04_\u6267\u884c\u4e0a\u4e0b\u6587\u68082&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n1. \u4f9d\u6b21\u8f93\u51fa\u4ec0\u4e48?\n  gb: undefined\n  fb: 1\n  fb: 2\n  fb: 3\n  fe: 3\n  fe: 2\n  fe: 1\n  ge: 1\n2. \u6574\u4e2a\u8fc7\u7a0b\u4e2d\u4ea7\u751f\u4e86\u51e0\u4e2a\u6267\u884c\u4e0a\u4e0b\u6587?  5\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  console.log('gb: '+ i)\n  var i = 1\n  foo(1)\n  function foo(i) {\n    if (i == 4) {\n      return\n    }\n    console.log('fb:' + i)\n    foo(i + 1) \/\/\u9012\u5f52\u8c03\u7528: \u5728\u51fd\u6570\u5185\u90e8\u8c03\u7528\u81ea\u5df1\n    console.log('fe:' + i)\n  }\n  console.log('ge: ' + i)\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html lang=&#8221;en&#8221;&gt; &lt;head&gt; &lt;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\/434"}],"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=434"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}