{"id":6441,"date":"2012-01-09T08:16:27","date_gmt":"2012-01-09T00:16:27","guid":{"rendered":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/coolshell.cn\/?p=6441"},"modified":"2012-01-09T18:12:39","modified_gmt":"2012-01-09T10:12:39","slug":"javascript-%e9%9d%a2%e5%90%91%e5%af%b9%e8%b1%a1%e7%bc%96%e7%a8%8b","status":"publish","type":"post","link":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html","title":{"rendered":"Javascript \u9762\u5411\u5bf9\u8c61\u7f16\u7a0b"},"content":{"rendered":"<p>Javascript\u662f\u4e00\u4e2a\u7c7bC\u7684\u8bed\u8a00\uff0c\u4ed6\u7684\u9762\u5411\u5bf9\u8c61\u7684\u4e1c\u897f\u76f8\u5bf9\u4e8eC++\/Java\u6bd4\u8f83\u5947\u602a\uff0c\u4f46\u662f\u5176\u7684\u786e\u76f8\u5f53\u7684\u5f3a\u5927\uff0c\u5728\u00a0<a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/www.cnblogs.com\/weidagang2046\/\" target=\"_blank\">Todd \u540c\u5b66<\/a>\u7684\u201c<a title=\"\u5bf9\u8c61\u7684\u6d88\u606f\u6a21\u578b\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/5202.html\" rel=\"bookmark\" target=\"_blank\">\u5bf9\u8c61\u7684\u6d88\u606f\u6a21\u578b<\/a>\u201d\u4e00\u6587\u4e2d\u6211\u4eec\u5df2\u7ecf\u53ef\u4ee5\u770b\u5230\u4e00\u4e9b\u7aef\u502a\u4e86\u3002\u8fd9\u4e24\u5929\u6709\u4e2a\u524d\u540c\u4e8b\u603b\u5728\u95ee\u6211Javascript\u9762\u5411\u5bf9\u8c61\u7684\u4e1c\u897f\uff0c\u6240\u4ee5\uff0c\u7d22\u6027\u5199\u7bc7\u6587\u7ae0\u8ba9\u4ed6\u770b\u53bb\u5427\uff0c\u8fd9\u91cc\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u60f3\u4ece\u4e00\u4e2a\u6574\u4f53\u7684\u89d2\u5ea6\u6765\u8bf4\u660e\u4e00\u4e0bJavascript\u7684\u9762\u5411\u5bf9\u8c61\u7684\u7f16\u7a0b\u3002\uff08<strong>\u6210\u6587\u6bd4\u8f83\u4ed3\u4fc3\uff0c\u5e94\u8be5\u6709\u4e0d\u51c6\u786e\u6216\u662f\u6709\u8bef\u7684\u5730\u65b9\uff0c\u8bf7\u5927\u5bb6\u6279\u8bc4\u6307\u6b63<\/strong>\uff09<\/p>\n<p>\u53e6\uff0c\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u57fa\u4e8e\u00a0<a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/www.ecma-international.org\/publications\/standards\/Ecma-262.htm\" target=\"_blank\">ECMAScript 5<\/a>\uff0c \u65e8\u5728\u4ecb\u7ecd\u65b0\u6280\u672f\u3002\u5173\u4e8e\u517c\u5bb9\u6027\u7684\u4e1c\u897f\uff0c\u8bf7\u770b\u6700\u540e\u4e00\u8282\u3002<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_48 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\">\u76ee\u5f55<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E5%88%9D%E6%8E%A2\" title=\"\u521d\u63a2\">\u521d\u63a2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE_%E2%80%93_ObjectdefineProperty\" title=\"\u5c5e\u6027\u914d\u7f6e &#8211; Object.defineProperty\">\u5c5e\u6027\u914d\u7f6e &#8211; Object.defineProperty<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#GetSet_%E8%AE%BF%E9%97%AE%E5%99%A8\" title=\"Get\/Set \u8bbf\u95ee\u5668\">Get\/Set \u8bbf\u95ee\u5668<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E6%9F%A5%E7%9C%8B%E5%AF%B9%E8%B1%A1%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE\" title=\"\u67e5\u770b\u5bf9\u8c61\u5c5e\u6027\u914d\u7f6e\">\u67e5\u770b\u5bf9\u8c61\u5c5e\u6027\u914d\u7f6e<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#call%EF%BC%8Capply%EF%BC%8C_bind_%E5%92%8C_this\" title=\"call\uff0capply\uff0c bind \u548c this\">call\uff0capply\uff0c bind \u548c this<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E7%BB%A7%E6%89%BF_%E5%92%8C_%E9%87%8D%E8%BD%BD\" title=\"\u7ee7\u627f \u548c \u91cd\u8f7d\">\u7ee7\u627f \u548c \u91cd\u8f7d<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E7%BB%84%E5%90%88\" title=\"\u7ec4\u5408\">\u7ec4\u5408<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#Prototype_%E5%92%8C_%E7%BB%A7%E6%89%BF\" title=\"Prototype \u548c \u7ee7\u627f\">Prototype \u548c \u7ee7\u627f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E5%85%BC%E5%AE%B9%E6%80%A7\" title=\"\u517c\u5bb9\u6027\">\u517c\u5bb9\u6027<\/a><ul class='ez-toc-list-level-5'><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#Objectcreate%E5%87%BD%E6%95%B0\" title=\"Object.create()\u51fd\u6570\">Object.create()\u51fd\u6570<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#defineProperty%E5%87%BD%E6%95%B0\" title=\"defineProperty()\u51fd\u6570\">defineProperty()\u51fd\u6570<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#keys%E5%87%BD%E6%95%B0\" title=\"keys()\u51fd\u6570\">keys()\u51fd\u6570<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#ObjectgetPrototypeOf_%E5%87%BD%E6%95%B0\" title=\"Object.getPrototypeOf() \u51fd\u6570\">Object.getPrototypeOf() \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:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#bind_%E5%87%BD%E6%95%B0\" title=\"bind \u51fd\u6570\">bind \u51fd\u6570<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\/#%E5%8F%82%E8%80%83\" title=\"\u53c2\u8003\">\u53c2\u8003<\/a><\/li><\/ul><\/nav><\/div>\n<h4><span class=\"ez-toc-section\" id=\"%E5%88%9D%E6%8E%A2\"><\/span>\u521d\u63a2<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u6211\u4eec\u77e5\u9053Javascript\u4e2d\u7684\u53d8\u91cf\u5b9a\u4e49\u57fa\u672c\u5982\u4e0b\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var name = &#039;Chen Hao&#039;;;\r\nvar email = &#039;haoel(@)hotmail.com&#039;;\r\nvar website = &#039;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&#039;;<\/pre>\n<p>\u5982\u679c\u8981\u7528\u5bf9\u8c61\u6765\u5199\u7684\u8bdd\uff0c\u5c31\u662f\u4e0b\u9762\u8fd9\u4e2a\u6837\u5b50\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var chenhao = {\r\n    name :&#039;Chen Hao&#039;,\r\n    email : &#039;haoel(@)hotmail.com&#039;,\r\n    website : &#039;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&#039;\r\n};<\/pre>\n<p>\u4e8e\u662f\uff0c\u6211\u5c31\u53ef\u4ee5\u8fd9\u6837\u8bbf\u95ee\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\n\/\/\u4ee5\u6210\u5458\u7684\u65b9\u5f0f\r\nchenhao.name;\r\nchenhao.email;\r\nchenhao.website;\r\n\r\n\/\/\u4ee5hash map\u7684\u65b9\u5f0f\r\nchenhao[&quot;name&quot;];\r\nchenhao[&quot;email&quot;];\r\nchenhao[&quot;website&quot;];\r\n<\/pre>\n<p>\u5173\u4e8e\u51fd\u6570\uff0c\u6211\u4eec\u77e5\u9053Javascript\u7684\u51fd\u6570\u662f\u8fd9\u6837\u7684\uff1a<\/p>\n<p><!--more--><\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var doSomething = function(){\r\n   alert(&#039;Hello World.&#039;);\r\n};<\/pre>\n<p>\u4e8e\u662f\uff0c\u6211\u4eec\u53ef\u4ee5\u8fd9\u4e48\u5e72\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\nvar sayHello = function(){\r\n   var hello = &quot;Hello, I&#039;m &quot;+ this.name\r\n                + &quot;, my email is: &quot; + this.email\r\n                + &quot;, my website is: &quot; + this.website;\r\n   alert(hello);\r\n};\r\n\r\n\/\/\u76f4\u63a5\u8d4b\u503c\uff0c\u8fd9\u91cc\u5f88\u50cfC\/C++\u7684\u51fd\u6570\u6307\u9488\r\nchenhao.Hello = sayHello;\r\n\r\nchenhao.Hello();\r\n<\/pre>\n<p>\u76f8\u4fe1\u8fd9\u4e9b\u4e1c\u897f\u90fd\u6bd4\u8f83\u7b80\u5355\uff0c\u5927\u5bb6\u90fd\u660e\u767d\u4e86\u3002 \u53ef\u4ee5\u770b\u5230javascript\u5bf9\u8c61\u51fd\u6570\u662f\u76f4\u63a5\u58f0\u660e\uff0c\u76f4\u63a5\u8d4b\u503c\uff0c\u76f4\u63a5\u5c31\u7528\u4e86\u3002runtime\u7684\u52a8\u6001\u8bed\u8a00\u3002<\/p>\n<p>\u8fd8\u6709\u4e00\u79cd\u6bd4\u8f83\u89c4\u8303\u7684\u5199\u6cd5\u662f\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\n\/\/\u6211\u4eec\u53ef\u4ee5\u770b\u5230\uff0c \u5176\u7528function\u6765\u505aclass\u3002\r\nvar Person = function(name, email, website){\r\n    this.name = name;\r\n    this.email = email;\r\n    this.website = website;\r\n\r\n    this.sayHello = function(){\r\n        var hello = &quot;Hello, I&#039;m &quot;+ this.name  + &quot;, \\n&quot; +\r\n                    &quot;my email is: &quot; + this.email + &quot;, \\n&quot; +\r\n                    &quot;my website is: &quot; + this.website;\r\n        alert(hello);\r\n    };\r\n};\r\n\r\nvar chenhao = new Person(&quot;Chen Hao&quot;, &quot;haoel@hotmail.com&quot;,\r\n                                     &quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&quot;);\r\nchenhao.sayHello(); <\/pre>\n<p>\u987a\u4fbf\u8bf4\u4e00\u4e0b\uff0c\u8981\u5220\u9664\u5bf9\u8c61\u7684\u5c5e\u6027\uff0c\u5f88\u7b80\u5355\uff1a<\/p>\n<p><code data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">delete chenhao[&#039;email&#039;]<\/code><\/p>\n<p>\u4e0a\u9762\u7684\u8fd9\u4e9b\u4f8b\u5b50\uff0c\u6211\u4eec\u53ef\u4ee5\u770b\u5230\u8fd9\u6837\u51e0\u70b9\uff1a<\/p>\n<ol>\n<li>Javascript\u7684\u6570\u636e\u548c\u6210\u5458\u5c01\u88c5\u5f88\u7b80\u5355\u3002\u6ca1\u6709\u7c7b\u5b8c\u5168\u662f\u5bf9\u8c61\u64cd\u4f5c\u3002\u7eaf\u52a8\u6001\uff01<\/li>\n<li>Javascript function\u4e2d\u7684this\u6307\u9488\u5f88\u5173\u952e\uff0c\u5982\u679c\u6ca1\u6709\u7684\u8bdd\uff0c\u90a3\u5c31\u662f\u5c40\u90e8\u53d8\u91cf\u6216\u5c40\u90e8\u51fd\u6570\u3002<\/li>\n<li>Javascript\u5bf9\u8c61\u6210\u5458\u51fd\u6570\u53ef\u4ee5\u5728\u4f7f\u7528\u65f6\u4e34\u65f6\u58f0\u660e\uff0c\u5e76\u628a\u4e00\u4e2a\u5168\u5c40\u51fd\u6570\u76f4\u63a5\u8d4b\u8fc7\u53bb\u5c31\u597d\u4e86\u3002<\/li>\n<li>Javascript\u7684\u6210\u5458\u51fd\u6570\u53ef\u4ee5\u5728\u5b9e\u4f8b\u4e0a\u8fdb\u884c\u4fee\u6539\uff0c\u4e5f\u5c31\u662f\u8bf4\u4e0d\u540c\u5b9e\u4f8b\u76f8\u540c\u51fd\u6570\u540d\u7684\u884c\u4e3a\u4e0d\u4e00\u5b9a\u4e00\u6837\u3002<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE_%E2%80%93_ObjectdefineProperty\"><\/span>\u5c5e\u6027\u914d\u7f6e &#8211; Object.defineProperty<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u5148\u770b\u4e0b\u9762\u7684\u4ee3\u7801\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\n\/\/\u521b\u5efa\u5bf9\u8c61\r\nvar chenhao = Object.create(null);\r\n\r\n\/\/\u8bbe\u7f6e\u4e00\u4e2a\u5c5e\u6027\r\n Object.defineProperty( chenhao,\r\n                &#039;name&#039;, { value:  &#039;Chen Hao&#039;,\r\n                          writable:     true,\r\n                          configurable: true,\r\n                          enumerable:   true });\r\n\r\n\/\/\u8bbe\u7f6e\u591a\u4e2a\u5c5e\u6027\r\nObject.defineProperties( chenhao,\r\n    {\r\n        &#039;email&#039;  : { value:  &#039;haoel@hotmail.com&#039;,\r\n                     writable:     true,\r\n                     configurable: true,\r\n                     enumerable:   true },\r\n        &#039;website&#039;: { value: &#039;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&#039;,\r\n                     writable:     true,\r\n                     configurable: true,\r\n                     enumerable:   true }\r\n    }\r\n);\r\n<\/pre>\n<p>\u4e0b\u9762\u5c31\u8bf4\u8bf4\u8fd9\u4e9b\u5c5e\u6027\u914d\u7f6e\u662f\u4ec0\u4e48\u610f\u601d\u3002<\/p>\n<ul>\n<li>writable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u7684\u503c\u662f\u5426\u53ef\u4ee5\u6539\u3002<\/li>\n<li>configurable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u7684\u914d\u7f6e\u662f\u5426\u53ef\u4ee5\u6539\u3002<\/li>\n<li>enumerable\uff1a\u8fd9\u4e2a\u5c5e\u6027\u662f\u5426\u80fd\u5728for&#8230;in\u5faa\u73af\u4e2d\u904d\u5386\u51fa\u6765\u6216\u5728Object.keys\u4e2d\u5217\u4e3e\u51fa\u6765\u3002<\/li>\n<li>value\uff1a\u5c5e\u6027\u503c\u3002<\/li>\n<li>get()\/set(_value)\uff1aget\u548cset\u8bbf\u95ee\u5668\u3002<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"GetSet_%E8%AE%BF%E9%97%AE%E5%99%A8\"><\/span>Get\/Set \u8bbf\u95ee\u5668<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u5173\u4e8eget\/set\u8bbf\u95ee\u5668\uff0c\u5b83\u7684\u610f\u601d\u5c31\u662f\u7528get\/set\u6765\u53d6\u4ee3value\uff08\u5176\u4e0d\u80fd\u548cvalue\u4e00\u8d77\u4f7f\u7528\uff09\uff0c\u793a\u4f8b\u5982\u4e0b\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var  age = 0;\r\nObject.defineProperty( chenhao,\r\n            &#039;age&#039;, {\r\n                      get: function() {return age+1;},\r\n                      set: function(value) {age = value;}\r\n                      enumerable : true,\r\n                      configurable : true\r\n                    }\r\n);\r\nchenhao.age = 100; \/\/\u8c03\u7528set\r\nalert(chenhao.age); \/\/\u8c03\u7528get \u8f93\u51fa101\uff08get\u4e2d+1\u4e86\uff09;\r\n<\/pre>\n<p>\u6211\u4eec\u518d\u770b\u4e00\u4e2a\u66f4\u4e3a\u5b9e\u7528\u7684\u4f8b\u5b50\u2014\u2014\u5229\u7528\u5df2\u6709\u7684\u5c5e\u6027(age)\u901a\u8fc7get\u548cset\u6784\u9020\u65b0\u7684\u5c5e\u6027(birth_year)\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\nObject.defineProperty( chenhao,\r\n            &#039;birth_year&#039;,\r\n            {\r\n                get: function() {\r\n                    var d = new Date();\r\n                    var y = d.getFullYear();\r\n                    return ( y - this.age );\r\n                },\r\n                set: function(year) {\r\n                    var d = new Date();\r\n                    var y = d.getFullYear();\r\n                    this.age = y - year;\r\n                }\r\n            }\r\n);\r\n\r\nalert(chenhao.birth_year);\r\nchenhao.birth_year = 2000;\r\nalert(chenhao.age);\r\n<\/pre>\n<p>\u8fd9\u6837\u505a\u597d\u50cf\u6709\u70b9\u9ebb\u70e6\uff0c\u4f60\u8bf4\uff0c\u6211\u4e3a\u4ec0\u4e48\u4e0d\u5199\u6210\u4e0b\u9762\u8fd9\u4e2a\u6837\u5b50\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\nvar chenhao = {\r\n    name: &quot;Chen Hao&quot;,\r\n    email: &quot;haoel@hotmail.com&quot;,\r\n    website: &quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&quot;,\r\n    age: 100,\r\n    get birth_year() {\r\n        var d = new Date();\r\n        var y = d.getFullYear();\r\n        return ( y - this.age );\r\n    },\r\n    set birth_year(year) {\r\n        var d = new Date();\r\n        var y = d.getFullYear();\r\n        this.age = y - year;\r\n    }\r\n\r\n};\r\nalert(chenhao.birth_year);\r\nchenhao.birth_year = 2000;\r\nalert(chenhao.age);\r\n<\/pre>\n<p>\u662f\u7684\uff0c\u4f60\u7684\u786e\u53ef\u4ee5\u8fd9\u6837\u7684\uff0c\u4e0d\u8fc7\u901a\u8fc7defineProperty()\u4f60\u53ef\u4ee5\u5e72\u8fd9\u4e9b\u4e8b\uff1a<br \/>\n1\uff09\u8bbe\u7f6e\u5982 writable\uff0cconfigurable\uff0cenumerable \u7b49\u8fd9\u7c7b\u7684\u5c5e\u6027\u914d\u7f6e\u3002<br \/>\n2\uff09\u52a8\u6001\u5730\u4e3a\u4e00\u4e2a\u5bf9\u8c61\u52a0\u5c5e\u6027\u3002\u6bd4\u5982\uff1a\u4e00\u4e9bHTML\u7684DOM\u5bf9\u50cf\u3002<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%E6%9F%A5%E7%9C%8B%E5%AF%B9%E8%B1%A1%E5%B1%9E%E6%80%A7%E9%85%8D%E7%BD%AE\"><\/span>\u67e5\u770b\u5bf9\u8c61\u5c5e\u6027\u914d\u7f6e<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u5982\u679c\u67e5\u770b\u5e76\u7ba1\u7406\u5bf9\u8c61\u7684\u8fd9\u4e9b\u914d\u7f6e\uff0c\u4e0b\u9762\u6709\u4e2a\u7a0b\u5e8f\u53ef\u4ee5\u8f93\u51fa\u5bf9\u8c61\u7684\u5c5e\u6027\u548c\u914d\u7f6e\u7b49\u4e1c\u897f\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\/\/\u5217\u51fa\u5bf9\u8c61\u7684\u5c5e\u6027.\r\nfunction listProperties(obj)\r\n{\r\n    var newLine = &quot;&lt;br \/&gt;&quot;;\r\n    var names = Object.getOwnPropertyNames(obj);\r\n    for (var i = 0; i &lt; names.length; i++) {\r\n        var prop = names[i];\r\n        document.write(prop + newLine);\r\n\r\n        \/\/ \u5217\u51fa\u5bf9\u8c61\u7684\u5c5e\u6027\u914d\u7f6e\uff08descriptor\uff09\u52a8\u7528getOwnPropertyDescriptor\u51fd\u6570\u3002\r\n        var descriptor = Object.getOwnPropertyDescriptor(obj, prop);\r\n        for (var attr in descriptor) {\r\n            document.write(&quot;...&quot; + attr + &#039;: &#039; + descriptor[attr]);\r\n            document.write(newLine);\r\n        }\r\n        document.write(newLine);\r\n    }\r\n}\r\n\r\nlistProperties(chenhao);<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"call%EF%BC%8Capply%EF%BC%8C_bind_%E5%92%8C_this\"><\/span>call\uff0capply\uff0c bind \u548c this<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u5173\u4e8eJavascript\u7684this\u6307\u9488\uff0c\u548cC++\/Java\u5f88\u7c7b\u4f3c\u3002 \u6211\u4eec\u6765\u770b\u4e2a\u793a\u4f8b\uff1a\uff08\u8fd9\u4e2a\u793a\u4f8b\u5f88\u7b80\u5355\u4e86\uff0c\u6211\u5c31\u4e0d\u591a\u8bf4\u4e86\uff09<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">function print(text){\r\n    document.write(this.value + &#039; - &#039; + text+ &#039;&lt;br&gt;&#039;);\r\n}\r\n\r\nvar a = {value: 10, print : print};\r\nvar b = {value: 20, print : print};\r\n\r\nprint(&#039;hello&#039;);\/\/ this =&gt; global, output &quot;undefined - hello&quot;\r\n\r\na.print(&#039;a&#039;);\/\/ this =&gt; a, output &quot;10 - a&quot;\r\nb.print(&#039;b&#039;); \/\/ this =&gt; b, output &quot;20 - b&quot;\r\n\r\na[&#039;print&#039;](&#039;a&#039;); \/\/ this =&gt; a, output &quot;10 - a&quot;\r\n<\/pre>\n<p>\u6211\u4eec\u518d\u6765\u770b\u770bcall \u548c apply\uff0c\u8fd9\u4e24\u4e2a\u51fd\u6570\u7684\u5dee\u522b\u5c31\u662f\u53c2\u6570\u7684\u6837\u5b50\u4e0d\u4e00\u6837\uff0c\u53e6\u4e00\u4e2a\u5c31\u662f\u6027\u80fd\u4e0d\u4e00\u6837\uff0capply\u7684\u6027\u80fd\u8981\u5dee\u5f88\u591a\u3002\uff08\u5173\u4e8e\u6027\u80fd\uff0c\u53ef\u5230 <a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/jsperf.com\/\" target=\"_blank\">JSPerf<\/a> \u4e0a\u53bb\u8dd1\u8dd1\u770b\u770b\uff09<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">print.call(a, &#039;a&#039;); \/\/ this =&gt; a, output &quot;10 - a&quot;\r\nprint.call(b, &#039;b&#039;); \/\/ this =&gt; b, output &quot;20 - b&quot;\r\n\r\nprint.apply(a, [&#039;a&#039;]); \/\/ this =&gt; a, output &quot;10 - a&quot;\r\nprint.apply(b, [&#039;b&#039;]); \/\/ this =&gt; b, output &quot;20 - b&quot;<\/pre>\n<p>\u4f46\u662f\u5728bind\u540e\uff0cthis\u6307\u9488\uff0c\u53ef\u80fd\u4f1a\u6709\u4e0d\u4e00\u6837\uff0c\u4f46\u662f\u56e0\u4e3aJavascript\u662f\u52a8\u6001\u7684\u3002\u5982\u4e0b\u9762\u7684\u793a\u4f8b<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var p = print.bind(a);\r\np(&#039;a&#039;);             \/\/ this =&gt; a, output &quot;10 - a&quot;\r\np.call(b, &#039;b&#039;);     \/\/ this =&gt; a, output &quot;10 - b&quot;\r\np.apply(b, [&#039;b&#039;]);  \/\/ this =&gt; a, output &quot;10 - b&quot;<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"%E7%BB%A7%E6%89%BF_%E5%92%8C_%E9%87%8D%E8%BD%BD\"><\/span>\u7ee7\u627f \u548c \u91cd\u8f7d<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u901a\u8fc7\u4e0a\u9762\u7684\u90a3\u4e9b\u793a\u4f8b\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7Object.create()\u6765\u5b9e\u9645\u7ee7\u627f\uff0c\u8bf7\u770b\u4e0b\u9762\u7684\u4ee3\u7801\uff0cStudent\u7ee7\u627f\u4e8eObject\u3002<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\" data-enlighter-highlight=\"20\">\r\nvar Person = Object.create(null);\r\n\r\nObject.defineProperties\r\n(\r\n    Person,\r\n    {\r\n        &#039;name&#039;  : {  value: &#039;Chen Hao&#039;},\r\n        &#039;email&#039;  : { value : &#039;haoel@hotmail.com&#039;},\r\n        &#039;website&#039;: { value: &#039;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&#039;}\r\n    }\r\n);\r\n\r\nPerson.sayHello = function () {\r\n    var hello = &quot;&lt;p&gt;Hello, I am &quot;+ this.name  + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my email is: &quot; + this.email + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my website is: &quot; + this.website;\r\n    document.write(hello + &quot;&lt;br&gt;&quot;);\r\n}\r\n\r\nvar Student = Object.create(Person);\r\nStudent.no = &quot;1234567&quot;; \/\/\u5b66\u53f7\r\nStudent.dept = &quot;Computer Science&quot;; \/\/\u7cfb\r\n\r\n\/\/\u4f7f\u7528Person\u7684\u5c5e\u6027\r\ndocument.write(Student.name + &#039; &#039; + Student.email + &#039; &#039; + Student.website +&#039;&lt;br&gt;&#039;);\r\n\r\n\/\/\u4f7f\u7528Person\u7684\u65b9\u6cd5\r\nStudent.sayHello();\r\n\r\n\/\/\u91cd\u8f7dSayHello\u65b9\u6cd5\r\nStudent.sayHello = function (person) {\r\n    var hello = &quot;&lt;p&gt;Hello, I am &quot;+ this.name  + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my email is: &quot; + this.email + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my website is: &quot; + this.website + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my student no is: &quot; + this. no + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my departent is: &quot; + this. dept;\r\n    document.write(hello + &#039;&lt;br&gt;&#039;);\r\n}\r\n\/\/\u518d\u6b21\u8c03\u7528\r\nStudent.sayHello();\r\n\r\n\/\/\u67e5\u770bStudent\u7684\u5c5e\u6027\uff08\u53ea\u6709 no \u3001 dept \u548c \u91cd\u8f7d\u4e86\u7684sayHello\uff09\r\ndocument.write(&#039;&lt;p&gt;&#039; + Object.keys(Student) + &#039;&lt;br&gt;&#039;);\r\n<\/pre>\n<p>\u901a\u7528\u4e0a\u9762\u8fd9\u4e2a\u793a\u4f8b\uff0c\u6211\u4eec\u53ef\u4ee5\u770b\u5230\uff0cPerson\u91cc\u7684\u5c5e\u6027\u5e76\u6ca1\u6709\u88ab\u771f\u6b63\u590d\u5236\u5230\u4e86Student\u4e2d\u6765\uff0c\u4f46\u662f\u6211\u4eec\u53ef\u4ee5\u53bb\u5b58\u53d6\u3002\u8fd9\u662f\u56e0\u4e3aJavascript\u7528\u59d4\u6258\u5b9e\u73b0\u4e86\u8fd9\u4e00\u673a\u5236\u3002\u5176\u5b9e\uff0c\u8fd9\u5c31\u662fPrototype\uff0cPerson\u662fStudent\u7684Prototype\u3002<\/p>\n<p>\u5f53\u6211\u4eec\u7684\u4ee3\u7801\u9700\u8981\u4e00\u4e2a\u5c5e\u6027\u7684\u65f6\u5019\uff0cJavascript\u7684\u5f15\u64ce\u4f1a\u5148\u770b\u5f53\u524d\u7684\u8fd9\u4e2a\u5bf9\u8c61\u4e2d\u662f\u5426\u6709\u8fd9\u4e2a\u5c5e\u6027\uff0c\u5982\u679c\u6ca1\u6709\u7684\u8bdd\uff0c\u5c31\u4f1a\u67e5\u627e\u4ed6\u7684Prototype\u5bf9\u8c61\u662f\u5426\u6709\u8fd9\u4e2a\u5c5e\u6027\uff0c\u4e00\u76f4\u7ee7\u7eed\u4e0b\u53bb\uff0c\u76f4\u5230\u627e\u5230\u6216\u662f\u76f4\u5230\u6ca1\u6709Prototype\u5bf9\u8c61\u3002<\/p>\n<p>\u4e3a\u4e86\u8bc1\u660e\u8fd9\u4e2a\u4e8b\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528Object.getPrototypeOf()\u6765\u68c0\u9a8c\u4e00\u4e0b\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">Student.name = &#039;aaa&#039;;\r\n\r\n\/\/\u8f93\u51fa aaa\r\ndocument.write(&#039;&lt;p&gt;&#039; + Student.name + &#039;&lt;\/p&gt;&#039;);\r\n\r\n\/\/\u8f93\u51fa Chen Hao\r\ndocument.write(&#039;&lt;p&gt;&#039; +Object.getPrototypeOf(Student).name + &#039;&lt;\/p&gt;&#039;);<\/pre>\n<p>\u4e8e\u662f\uff0c\u4f60\u8fd8\u53ef\u4ee5\u5728\u5b50\u5bf9\u8c61\u7684\u51fd\u6570\u91cc\u8c03\u7528\u7236\u5bf9\u8c61\u7684\u51fd\u6570\uff0c\u5c31\u597d\u50cfC++\u91cc\u7684 Base::func() \u4e00\u6837\u3002\u4e8e\u662f\uff0c\u6211\u4eec\u91cd\u8f7dhello\u7684\u65b9\u6cd5\u5c31\u53ef\u4ee5\u4f7f\u7528\u7236\u7c7b\u7684\u4ee3\u7801\u4e86\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\" data-enlighter-highlight=\"3\">\/\/\u65b0\u7248\u7684\u91cd\u8f7dSayHello\u65b9\u6cd5\r\nStudent.sayHello = function (person) {\r\n    Object.getPrototypeOf(this).sayHello.call(this);\r\n    var hello = &quot;my student no is: &quot; + this. no + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my departent is: &quot; + this. dept;\r\n    document.write(hello + &#039;&lt;br&gt;&#039;);\r\n}<\/pre>\n<p>\u8fd9\u4e2a\u5f88\u5f3a\u5927\u5427\u3002<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%E7%BB%84%E5%90%88\"><\/span>\u7ec4\u5408<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u4e0a\u9762\u7684\u90a3\u4e2a\u4e1c\u897f\u8fd8\u4e0d\u80fd\u6ee1\u8db3\u6211\u4eec\u7684\u8981\u6c42\uff0c\u6211\u4eec\u53ef\u80fd\u5e0c\u671b\u8fd9\u4e9b\u5bf9\u8c61\u80fd\u771f\u6b63\u7684\u7ec4\u5408\u8d77\u6765\u3002\u4e3a\u4ec0\u4e48\u8981\u7ec4\u5408\uff1f\u56e0\u4e3a\u6211\u4eec\u90fd\u77e5\u9053\u662f\u8fd9\u662fOO\u8bbe\u8ba1\u7684\u6700\u91cd\u8981\u7684\u4e1c\u897f\u3002\u4e0d\u8fc7\uff0c\u8fd9\u5bf9\u4e8eJavascript\u6765\u5e76\u6ca1\u6709\u652f\u6301\u5f97\u7279\u522b\u597d\uff0c\u4e0d\u597d\u6211\u4eec\u4f9d\u7136\u53ef\u4ee5\u641e\u5b9a\u4e2a\u4e8b\u3002<\/p>\n<p>\u9996\u5148\uff0c\u6211\u4eec\u9700\u8981\u5b9a\u4e49\u4e00\u4e2aComposition\u7684\u51fd\u6570\uff1a\uff08target\u662f\u4f5c\u7528\u4e8e\u662f\u5bf9\u8c61\uff0csource\u662f\u6e90\u5bf9\u8c61\uff09\uff0c\u4e0b\u9762\u8fd9\u4e2a\u4ee3\u7801\u8fd8\u662f\u5f88\u7b80\u5355\u7684\uff0c\u5c31\u662f\u628asource\u91cc\u7684\u5c5e\u6027\u4e00\u4e2a\u4e00\u4e2a\u62ff\u51fa\u6765\u7136\u540e\u5b9a\u4e49\u5230target\u4e2d\u3002<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\nfunction Composition(target, source)\r\n{\r\n    var desc  = Object.getOwnPropertyDescriptor;\r\n    var prop  = Object.getOwnPropertyNames;\r\n    var def_prop = Object.defineProperty;\r\n\r\n    prop(source).forEach(\r\n        function(key) {\r\n            def_prop(target, key, desc(source, key))\r\n        }\r\n    )\r\n    return target;\r\n}\r\n<\/pre>\n<p>\u6709\u4e86\u8fd9\u4e2a\u51fd\u6570\u4ee5\u540e\uff0c\u6211\u4eec\u5c31\u53ef\u4ee5\u8fd9\u6765\u73a9\u4e86\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\" data-enlighter-highlight=\"19,23\">\r\n\/\/\u827a\u672f\u5bb6\r\nvar Artist = Object.create(null);\r\nArtist.sing = function() {\r\n    return this.name + &#039; starts singing...&#039;;\r\n}\r\nArtist.paint = function() {\r\n    return this.name + &#039; starts painting...&#039;;\r\n}\r\n\r\n\/\/\u8fd0\u52a8\u5458\r\nvar Sporter = Object.create(null);\r\nSporter.run = function() {\r\n    return this.name + &#039; starts running...&#039;;\r\n}\r\nSporter.swim = function() {\r\n    return this.name + &#039; starts swimming...&#039;;\r\n}\r\n\r\nComposition(Person, Artist);\r\ndocument.write(Person.sing() + &#039;&lt;br&gt;&#039;);\r\ndocument.write(Person.paint() + &#039;&lt;br&gt;&#039;);\r\n\r\nComposition(Person, Sporter);\r\ndocument.write(Person.run() + &#039;&lt;br&gt;&#039;);\r\ndocument.write(Person.swim() + &#039;&lt;br&gt;&#039;);\r\n\r\n\/\/\u770b\u770b Person\u4e2d\u6709\u4ec0\u4e48\uff1f\uff08\u8f93\u51fa\uff1asayHello,sing,paint,swim,run\uff09\r\ndocument.write(&#039;&lt;p&gt;&#039; + Object.keys(Person) + &#039;&lt;br&gt;&#039;);\r\n<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"Prototype_%E5%92%8C_%E7%BB%A7%E6%89%BF\"><\/span>Prototype \u548c \u7ee7\u627f<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u6211\u4eec\u5148\u6765\u8bf4\u8bf4Prototype\u3002\u6211\u4eec\u5148\u770b\u4e0b\u9762\u7684\u4f8b\u7a0b\uff0c\u8fd9\u4e2a\u4f8b\u7a0b\u4e0d\u9700\u8981\u89e3\u91ca\u5427\uff0c\u5f88\u50cfC\u8bed\u8a00\u91cc\u7684\u51fd\u6570\u6307\u9488\uff0c\u5728C\u8bed\u8a00\u91cc\u8fd9\u6837\u7684\u4e1c\u897f\u89c1\u5f97\u591a\u4e86\u3002<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var plus = function(x,y){\r\n    document.write( x + &#039; + &#039; + y + &#039; = &#039; + (x+y) + &#039;&lt;br&gt;&#039;);\r\n    return x + y;\r\n};\r\n\r\nvar minus = function(x,y){\r\n    document.write(x + &#039; - &#039; + y + &#039; = &#039; + (x-y) + &#039;&lt;br&gt;&#039;);\r\n    return x - y;\r\n};\r\n\r\nvar operations = {\r\n    &#039;+&#039;: plus,\r\n    &#039;-&#039;: minus\r\n};\r\n\r\nvar calculate = function(x, y, operation){\r\n    return operations[operation](x, y);\r\n};\r\n\r\ncalculate(12, 4, &#039;+&#039;);\r\ncalculate(24, 3, &#039;-&#039;);\r\n<\/pre>\n<p>\u90a3\u4e48\uff0c\u6211\u4eec\u80fd\u4e0d\u80fd\u628a\u8fd9\u4e9b\u4e1c\u897f\u5c01\u88c5\u8d77\u6765\u5462\uff0c\u6211\u4eec\u9700\u8981\u4f7f\u7528prototype\u3002\u770b\u4e0b\u9762\u7684\u793a\u4f8b\uff1a<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\" data-enlighter-highlight=\"6,11\">var Cal = function(x, y){\r\n    this.x = x;\r\n    this.y = y;\r\n}\r\n\r\nCal.prototype.operations = {\r\n    &#039;+&#039;: function(x, y) { return x+y;},\r\n    &#039;-&#039;: function(x, y) { return x-y;}\r\n};\r\n\r\nCal.prototype.calculate = function(operation){\r\n    return this.operations[operation](this.x, this.y);\r\n};\r\n\r\nvar c = new Cal(4, 5);\r\n\r\nc.calculate(&#039;+&#039;);\r\nc.calculate(&#039;-&#039;);<\/pre>\n<p>\u8fd9\u5c31\u662fprototype\u7684\u7528\u6cd5\uff0cprototype \u662fjavascript\u8fd9\u4e2a\u8bed\u8a00\u4e2d\u6700\u91cd\u8981\u7684\u5185\u5bb9\u3002\u7f51\u4e0a\u6709\u592a\u591a\u7684\u6587\u7ae0\u4ecb\u59cb\u8fd9\u4e2a\u4e1c\u897f\u4e86\u3002\u8bf4\u767d\u4e86\uff0cprototype\u5c31\u662f\u5bf9\u4e00\u5bf9\u8c61\u8fdb\u884c\u6269\u5c55\uff0c\u5176\u7279\u70b9\u5728\u4e8e\u901a\u8fc7\u201c\u590d\u5236\u201d\u4e00\u4e2a\u5df2\u7ecf\u5b58\u5728\u7684\u5b9e\u4f8b\u6765\u8fd4\u56de\u65b0\u7684\u5b9e\u4f8b,\u800c\u4e0d\u662f\u65b0\u5efa\u5b9e\u4f8b\u3002\u88ab\u590d\u5236\u7684\u5b9e\u4f8b\u5c31\u662f\u6211\u4eec\u6240\u79f0\u7684\u201c\u539f\u578b\u201d\uff0c\u8fd9\u4e2a\u539f\u578b\u662f\u53ef\u5b9a\u5236\u7684\uff08\u5f53\u7136\uff0c\u8fd9\u91cc\u6ca1\u6709\u771f\u6b63\u7684\u590d\u5236\uff0c\u5b9e\u9645\u53ea\u662f\u59d4\u6258\uff09\u3002\u4e0a\u9762\u7684\u8fd9\u4e2a\u4f8b\u5b50\u4e2d\uff0c\u6211\u4eec\u6269\u5c55\u4e86\u5b9e\u4f8bCal\uff0c\u8ba9\u5176\u6709\u4e86\u4e00\u4e2aoperations\u7684\u5c5e\u6027\u548c\u4e00\u4e2acalculate\u7684\u65b9\u6cd5\u3002<\/p>\n<p>\u8fd9\u6837\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u8fd9\u4e00\u7279\u6027\u6765\u5b9e\u73b0\u7ee7\u627f\u3002\u8fd8\u8bb0\u5f97\u6211\u4eec\u6700\u6700\u524d\u9762\u7684\u90a3\u4e2aPerson\u5427\uff0c \u4e0b\u9762\u7684\u793a\u4f8b\u662f\u521b\u5efa\u4e00\u4e2aStudent\u6765\u7ee7\u627fPerson\u3002<\/p>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">\r\nfunction Person(name, email, website){\r\n    this.name = name;\r\n    this.email = email;\r\n    this.website = website;\r\n};\r\n\r\nPerson.prototype.sayHello = function(){\r\n    var hello = &quot;Hello, I am &quot;+ this.name  + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my email is: &quot; + this.email + &quot;, &lt;br&gt;&quot; +\r\n                &quot;my website is: &quot; + this.website;\r\n    return hello;\r\n};\r\n\r\nfunction Student(name, email, website, no, dept){\r\n    var proto = Object.getPrototypeOf;\r\n    proto(Student.prototype).constructor.call(this, name, email, website);\r\n    this.no = no;\r\n    this.dept = dept;\r\n}\r\n\r\n\/\/ \u7ee7\u627fprototype\r\nStudent.prototype = Object.create(Person.prototype);\r\n\r\n\/\/\u91cd\u7f6e\u6784\u9020\u51fd\u6570\r\nStudent.prototype.constructor = Student;\r\n\r\n\/\/\u91cd\u8f7dsayHello()\r\nStudent.prototype.sayHello = function(){\r\n    var proto = Object.getPrototypeOf;\r\n    var hello = proto(Student.prototype).sayHello.call(this) + &#039;&lt;br&gt;&#039;;\r\n    hello += &quot;my student no is: &quot; + this. no + &quot;, &lt;br&gt;&quot; +\r\n             &quot;my departent is: &quot; + this. dept;\r\n    return hello;\r\n};\r\n\r\nvar me = new Student(\r\n    &quot;Chen Hao&quot;,\r\n    &quot;haoel@hotmail.com&quot;,\r\n    &quot;https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn&quot;,\r\n    &quot;12345678&quot;,\r\n    &quot;Computer Science&quot;\r\n);\r\ndocument.write(me.sayHello());<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"%E5%85%BC%E5%AE%B9%E6%80%A7\"><\/span>\u517c\u5bb9\u6027<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u4e0a\u9762\u7684\u8fd9\u4e9b\u4ee3\u7801\u5e76\u4e0d\u4e00\u5b9a\u80fd\u5728\u6240\u6709\u7684\u6d4f\u89c8\u5668\u4e0b\u90fd\u80fd\u8fd0\u884c\uff0c\u56e0\u4e3a\u4e0a\u9762\u8fd9\u4e9b\u4ee3\u7801\u9075\u5faa ECMAScript 5 \u7684\u89c4\u8303\uff0c\u5173\u4e8eECMAScript 5 \u7684\u6d4f\u89c8\u5668\u517c\u5bb9\u5217\u8868\uff0c\u4f60\u53ef\u4ee5\u770b\u8fd9\u91cc\u201c<a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/kangax.github.com\/es5-compat-table\/\" target=\"_blank\">ES5\u6d4f\u89c8\u5668\u517c\u5bb9\u8868<\/a>\u201d\u3002<\/p>\n<p>\u672c\u6587\u4e2d\u7684\u6240\u6709\u4ee3\u7801\u90fd\u5728Chrome\u6700\u65b0\u7248\u4e2d\u6d4b\u8bd5\u8fc7\u4e86\u3002<\/p>\n<p>\u4e0b\u9762\u662f\u4e00\u4e9b\u51fd\u6570\uff0c\u53ef\u4ee5\u7528\u5728\u4e0d\u517c\u5bb9ES5\u7684\u6d4f\u89c8\u5668\u4e2d\uff1a<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Objectcreate%E5%87%BD%E6%95%B0\"><\/span>Object.create()\u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">function clone(proto) {\r\n    function Dummy() { }\r\n\r\n    Dummy.prototype             = proto;\r\n    Dummy.prototype.constructor = Dummy;\r\n\r\n    return new Dummy(); \/\/\u7b49\u4ef7\u4e8eObject.create(Person);\r\n}\r\n\r\nvar me = clone(Person);\r\n<\/pre>\n<h5><span class=\"ez-toc-section\" id=\"defineProperty%E5%87%BD%E6%95%B0\"><\/span>defineProperty()\u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">function defineProperty(target, key, descriptor) {\r\n    if (descriptor.value){\r\n        target[key] = descriptor.value;\r\n    }else {\r\n        descriptor.get &amp;&amp; target.__defineGetter__(key, descriptor.get);\r\n        descriptor.set &amp;&amp; target.__defineSetter__(key, descriptor.set);\r\n    }\r\n\r\n    return target\r\n}<\/pre>\n<h5><span class=\"ez-toc-section\" id=\"keys%E5%87%BD%E6%95%B0\"><\/span>keys()\u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">function keys(object) { var result, key\r\n    result = [];\r\n    for (key in object){\r\n        if (object.hasOwnProperty(key))  result.push(key)\r\n    }\r\n\r\n    return result;\r\n}<\/pre>\n<h5><span class=\"ez-toc-section\" id=\"ObjectgetPrototypeOf_%E5%87%BD%E6%95%B0\"><\/span>Object.getPrototypeOf() \u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">function proto(object) {\r\n    return !object?                null\r\n         : &#039;__proto__&#039; in object?  object.__proto__\r\n         : \/* not exposed? *\/      object.constructor.prototype\r\n}<\/pre>\n<h5><span class=\"ez-toc-section\" id=\"bind_%E5%87%BD%E6%95%B0\"><\/span>bind \u51fd\u6570<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<pre data-enlighter-language=\"js\" class=\"EnlighterJSRAW\">var slice = [].slice\r\n\r\nfunction bind(fn, bound_this) { var bound_args\r\n    bound_args = slice.call(arguments, 2)\r\n    return function() { var args\r\n        args = bound_args.concat(slice.call(arguments))\r\n        return fn.apply(bound_this, args) }\r\n}\r\n<\/pre>\n<h4><span class=\"ez-toc-section\" id=\"%E5%8F%82%E8%80%83\"><\/span>\u53c2\u8003<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ul>\n<li>W3CSchool<\/li>\n<li>MDN (Mozilla Developer Network)<\/li>\n<li>MSDN (Microsoft Software Development Network)<\/li>\n<li><a href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/killdream.github.com\/blog\/2011\/10\/understanding-javascript-oop\/\" target=\"_blank\">Understanding Javascript OOP<\/a>.<\/li>\n<\/ul>\n<p><span style=\"color: #cc0000;\"><strong>\uff08\u8f6c\u8f7d\u65f6\u8bf7\u6ce8\u660e\u4f5c\u8005\u548c\u51fa\u5904\uff0c\u8bf7\u52ff\u7528\u4e8e\u4efb\u4f55\u5546\u4e1a\u7528\u9014\uff09<\/strong><\/span><\/p>\n","raw":"","protected":false},"excerpt":{"rendered":"<p>Javascript\u662f\u4e00\u4e2a\u7c7bC\u7684\u8bed\u8a00\uff0c\u4ed6\u7684\u9762\u5411\u5bf9\u8c61\u7684\u4e1c\u897f\u76f8\u5bf9\u4e8eC++\/Java\u6bd4\u8f83\u5947\u602a\uff0c\u4f46\u662f\u5176\u7684\u786e\u76f8\u5f53\u7684\u5f3a\u5927\uff0c\u5728\u00a0Todd \u540c\u5b66\u7684\u201c\u5bf9\u8c61\u7684\u6d88\u606f\u6a21\u578b\u201d\u4e00\u6587\u4e2d\u6211\u4eec\u5df2&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/https\/coolshell.cn\/articles\/6441.html\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7,3],"tags":[601,114,245],"series":[],"aioseo_notices":[],"views":118770,"post_thumbnail_image":"","content_first_image":"","post_medium_image_300":"","post_thumbnail_image_624":"","post_frist_image":"","post_medium_image":"","post_large_image":"","post_full_image":"","post_all_images":[],"videoAdId":"","listAd":"0","listAdId":"","listAdEvery":5,"total_comments":108,"category_name":"Web\u5f00\u53d1","post_date":"2012-01-09","like_count":"0","praiseWord":"\u9f13\u52b1","excitationAd":"0","rewardedVideoAdId":"","detailAdId":"","detailAd":"0","enterpriseMinapp":"0","audios":[],"postImageUrl":"https:\/\/blue-sea-697d.quartiers047.workers.dev:443\/http\/coolshell.cn\/wp-content\/uploads\/2016\/09\/coolshell-360x200.jpg","avatarurls":[],"related_posts":[],"pageviews":118771,"pageviews_wl":46419,"ratings_average":4,"ratings_total":134,"ratings_users":32,"next_post_id":6548,"next_post_title":"Why C++ ? \u738b\u8005\u5f52\u6765","previous_post_id":6335,"previous_post_title":"Resin\u670d\u52a1\u5668getResource\u63ed\u79d8"}