1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <script>
7 /**
8 * 为什么需要原型以及原型的使用：
9 * 1.原型也是一个对象，通过原型可以实现对象的属性继承
10 */
11
12
13 function Person(name,sex) {
14 this.name = name || "匿名";
15 this.sex = sex || "男";
16 }
17
18 // 构造函数 - 学生
19 function Student(a,b,number) {
20 // 借用继承
21 // 继承Person的属性
22 Person.call(this,a,b);
23 this.number = number;
24 }
25
26 // 借用继承的缺点：
27 // 通过原型对象添加属性/ 方法，无法顺利继承过来
28 // 因为call其实只会调用Person构造函数内部的属性
29 Person.prototype.sayHi = function () {
30 console.log("我是Person，我是男生");
31 }
32
33
34 // 原型继承:继承Person的原型方法
35 // 这句话可以让Student 从Person身上继承过来一些属性
36 // 原型继承的缺点： 暂时还改动不了从原型继承过来的属性/方法
37 Stuent.prototype = new Person();
38 // 由于实例对象没有constroctor，手动指向
39 Student.prototype.constructor = Person;
40
41
42
43 var stu1 = new Student("小明","男","一号男主角");
44 console.log(stu1);
45 stu1.sayHi();
46 console.log(stu1.name);
47 </script>
48 </head>
49 <body>
50
51 </body>
52 </html>
