1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>类式继承模式#2——借用构造函数</title>
6 </head>
7
8 <body>
9 <script type="text/javascript">
10
11 function Article(){
12 this.tags=['js','ajax'];
13 };
14
15 Article.prototype.say=function(){return this.tags;}
16
17 /***************************************/
18 var article=new Article();
19
20 function BlogPost(){};
21
22 BlogPost.prototype=article;
23 BlogPost.prototype.say=111;
24
25 var blog=new BlogPost();
26
27 function StaticPage(){
28 Article.call(this);
29 };
30 StaticPage.prototype={
31 x:100,
32 y:function(){
33 return this.x;
34 }
35 }
36
37 var page = new StaticPage();
38
39
40 //BlogPost的原型继承了new Article（），即使在BlogPost.prototype上添加属性方法，事实上还是给Article构造函数添加属性方法
41 console.log(blog);
42
43 //将父类Article中的方法属性继承过来，其实就是拷贝过来，占为己有，并且可以覆盖父类中的属性方法，但并没有将父类的原型链拷贝过来；
44 console.log(page);
45
46 //构造函数模式缺点：调用父构造函数的原型,子构造函数能获取到父构造函数的属性和方法，但却未继承父构造函数的原型，即父构造函数__proto__所保存的链接没有继承给子构造函数。
47
48 //构造函数模式优点：可以复制父构造函数的属性和方法，并不会出现子构造函数覆盖父构造函数的意外风险，能实现多重继承，可以父子构造函数之间传递参数。
49
50
51 </script>
52 </body>
53 </html>
