{"id":449,"date":"2020-02-14T15:13:59","date_gmt":"2020-02-14T07:13:59","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=449"},"modified":"2020-02-14T15:13:59","modified_gmt":"2020-02-14T07:13:59","slug":"%e5%af%b9%e8%b1%a1%e7%9a%84%e5%88%9b%e5%bb%ba-%e9%ab%98%e7%ba%a7%e7%af%87","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/14\/%e5%af%b9%e8%b1%a1%e7%9a%84%e5%88%9b%e5%bb%ba-%e9%ab%98%e7%ba%a7%e7%af%87\/","title":{"rendered":"\u5bf9\u8c61\u7684\u521b\u5efa \u9ad8\u7ea7\u7bc7"},"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_Object\u6784\u9020\u51fd\u6570\u6a21\u5f0f&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n\u65b9\u5f0f\u4e00: Object\u6784\u9020\u51fd\u6570\u6a21\u5f0f\n  * \u5957\u8def: \u5148\u521b\u5efa\u7a7aObject\u5bf9\u8c61, \u518d\u52a8\u6001\u6dfb\u52a0\u5c5e\u6027\/\u65b9\u6cd5\n  * \u9002\u7528\u573a\u666f: \u8d77\u59cb\u65f6\u4e0d\u786e\u5b9a\u5bf9\u8c61\u5185\u90e8\u6570\u636e\n  * \u95ee\u9898: \u8bed\u53e5\u592a\u591a\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  \/*\n  \u4e00\u4e2a\u4eba: name:\"Tom\", age: 12\n   *\/\n  \/\/ \u5148\u521b\u5efa\u7a7aObject\u5bf9\u8c61\n  var p = new Object()\n  p = {} \/\/\u6b64\u65f6\u5185\u90e8\u6570\u636e\u662f\u4e0d\u786e\u5b9a\u7684\n  \/\/ \u518d\u52a8\u6001\u6dfb\u52a0\u5c5e\u6027\/\u65b9\u6cd5\n  p.name = 'Tom'\n  p.age = 12\n  p.setName = function (name) {\n    this.name = name\n  }\n\n  \/\/\u6d4b\u8bd5\n  console.log(p.name, p.age)\n  p.setName('Bob')\n  console.log(p.name, p.age)\n\n\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_\u5bf9\u8c61\u5b57\u9762\u91cf&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n\u65b9\u5f0f\u4e8c: \u5bf9\u8c61\u5b57\u9762\u91cf\u6a21\u5f0f\n  * \u5957\u8def: \u4f7f\u7528{}\u521b\u5efa\u5bf9\u8c61, \u540c\u65f6\u6307\u5b9a\u5c5e\u6027\/\u65b9\u6cd5\n  * \u9002\u7528\u573a\u666f: \u8d77\u59cb\u65f6\u5bf9\u8c61\u5185\u90e8\u6570\u636e\u662f\u786e\u5b9a\u7684\n  * \u95ee\u9898: \u5982\u679c\u521b\u5efa\u591a\u4e2a\u5bf9\u8c61, \u6709\u91cd\u590d\u4ee3\u7801\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  var p = {\n    name: 'Tom',\n    age: 12,\n    setName: function (name) {\n      this.name = name\n    }\n  }\n\n  \/\/\u6d4b\u8bd5\n  console.log(p.name, p.age)\n  p.setName('JACK')\n  console.log(p.name, p.age)\n\n  var p2 = {  \/\/\u5982\u679c\u521b\u5efa\u591a\u4e2a\u5bf9\u8c61\u4ee3\u7801\u5f88\u91cd\u590d\n    name: 'Bob',\n    age: 13,\n    setName: function (name) {\n      this.name = name\n    }\n  }\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_\u5de5\u5382\u6a21\u5f0f&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n\u65b9\u5f0f\u4e09: \u5de5\u5382\u6a21\u5f0f\n  * \u5957\u8def: \u901a\u8fc7\u5de5\u5382\u51fd\u6570\u52a8\u6001\u521b\u5efa\u5bf9\u8c61\u5e76\u8fd4\u56de\n  * \u9002\u7528\u573a\u666f: \u9700\u8981\u521b\u5efa\u591a\u4e2a\u5bf9\u8c61\n  * \u95ee\u9898: \u5bf9\u8c61\u6ca1\u6709\u4e00\u4e2a\u5177\u4f53\u7684\u7c7b\u578b, \u90fd\u662fObject\u7c7b\u578b\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  function createPerson(name, age) { \/\/\u8fd4\u56de\u4e00\u4e2a\u5bf9\u8c61\u7684\u51fd\u6570===&gt;\u5de5\u5382\u51fd\u6570\n    var obj = {\n      name: name,\n      age: age,\n      setName: function (name) {\n        this.name = name\n      }\n    }\n\n    return obj\n  }\n\n  \/\/ \u521b\u5efa2\u4e2a\u4eba\n  var p1 = createPerson('Tom', 12)\n  var p2 = createPerson('Bob', 13)\n\n  \/\/ p1\/p2\u662fObject\u7c7b\u578b\n\n  function createStudent(name, price) {\n    var obj = {\n      name: name,\n      price: price\n    }\n    return obj\n  }\n  var s = createStudent('\u5f20\u4e09', 12000)\n  \/\/ s\u4e5f\u662fObject\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;04_\u81ea\u5b9a\u4e49\u6784\u9020\u51fd\u6570\u6a21\u5f0f&lt;\/title&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;!--\n\u65b9\u5f0f\u56db: \u81ea\u5b9a\u4e49\u6784\u9020\u51fd\u6570\u6a21\u5f0f\n  * \u5957\u8def: \u81ea\u5b9a\u4e49\u6784\u9020\u51fd\u6570, \u901a\u8fc7new\u521b\u5efa\u5bf9\u8c61\n  * \u9002\u7528\u573a\u666f: \u9700\u8981\u521b\u5efa\u591a\u4e2a\u7c7b\u578b\u786e\u5b9a\u7684\u5bf9\u8c61\n  * \u95ee\u9898: \u6bcf\u4e2a\u5bf9\u8c61\u90fd\u6709\u76f8\u540c\u7684\u6570\u636e, \u6d6a\u8d39\u5185\u5b58\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  \/\/\u5b9a\u4e49\u7c7b\u578b\n  function Person(name, age) {\n    this.name = name\n    this.age = age\n    this.setName = function (name) {\n      this.name = name\n    }\n  }\n  var p1 = new Person('Tom', 12)\n  p1.setName('Jack')\n  console.log(p1.name, p1.age)\n  console.log(p1 instanceof Person)\n\n  function Student (name, price) {\n    this.name = name\n    this.price = price\n  }\n  var s = new Student('Bob', 13000)\n  console.log(s instanceof Student)\n\n  var p2 = new Person('JACK', 23)\n  console.log(p1, p2)\n\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>&nbsp;<\/p>\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;05_\u6784\u9020\u51fd\u6570+\u539f\u578b\u7684\u7ec4\u5408\u6a21\u5f0f&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;!--\n\u65b9\u5f0f\u516d: \u6784\u9020\u51fd\u6570+\u539f\u578b\u7684\u7ec4\u5408\u6a21\u5f0f\n  * \u5957\u8def: \u81ea\u5b9a\u4e49\u6784\u9020\u51fd\u6570, \u5c5e\u6027\u5728\u51fd\u6570\u4e2d\u521d\u59cb\u5316, \u65b9\u6cd5\u6dfb\u52a0\u5230\u539f\u578b\u4e0a\n  * \u9002\u7528\u573a\u666f: \u9700\u8981\u521b\u5efa\u591a\u4e2a\u7c7b\u578b\u786e\u5b9a\u7684\u5bf9\u8c61\n--&gt;\n&lt;script type=\"text\/javascript\"&gt;\n  function Person(name, age) { \/\/\u5728\u6784\u9020\u51fd\u6570\u4e2d\u53ea\u521d\u59cb\u5316\u4e00\u822c\u51fd\u6570\n    this.name = name\n    this.age = age\n  }\n  Person.prototype.setName = function (name) {\n    this.name = name\n  }\n\n  var p1 = new Person('Tom', 23)\n  var p2 = new Person('Jack', 24)\n  console.log(p1, p2)\n\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\/449"}],"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=449"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}