|
|
@@ -0,0 +1,88 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <script>
|
|
|
+ //Array Object Number
|
|
|
+ // Person 他是一个构造函数
|
|
|
+ // 通过 new 来实例化出一个新对象
|
|
|
+ // 第一种方式：构造继承 他无法继承原型上的方法
|
|
|
+ // function Person(userName,userAge){
|
|
|
+ // this.userAge = userAge;
|
|
|
+ // this.userName = userName;
|
|
|
+ // this.sayName = function(){
|
|
|
+ // console.log(this.userName);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // var p1 = new Person('小明',18);
|
|
|
+ // console.log(p1.userAge);
|
|
|
+ // p1.sayName();
|
|
|
+
|
|
|
+ // 创建一个新的构造函数 Student 去继承 Person
|
|
|
+ // function Student(userName,userAge,school){
|
|
|
+ // Person.call(this,userName,userAge);
|
|
|
+ // this.school = school;
|
|
|
+ // }
|
|
|
+
|
|
|
+ // var s1 = new Student("小红",20,"黑大");
|
|
|
+
|
|
|
+ // console.log(s1.userAge);
|
|
|
+ // s1.sayName();
|
|
|
+ // console.log(s1.school);
|
|
|
+
|
|
|
+ // 方法二 原型继承 他无法实现属性的继承
|
|
|
+ // function Person(userName,userAge){
|
|
|
+ // this.userAge = userAge;
|
|
|
+ // this.userName = userName;
|
|
|
+ // // this.sayName = function(){
|
|
|
+ // // console.log(this.userName);
|
|
|
+ // // }
|
|
|
+ // }
|
|
|
+ // Person.prototype.sayName = function(){
|
|
|
+ // console.log("你好");
|
|
|
+ // }
|
|
|
+
|
|
|
+ // var p1 = new Person("小李","22","黑大");
|
|
|
+ // p1.sayName();
|
|
|
+
|
|
|
+ // function Student(userName,userAge,school){
|
|
|
+ // // Person.call(this,userName,userAge);
|
|
|
+ // this.school = school;
|
|
|
+ // }
|
|
|
+ // Student.prototype = new Person();
|
|
|
+ // var s1 = new Student("小红",20,"黑大");
|
|
|
+ // s1.sayName();
|
|
|
+ // console.log(s1.userName);
|
|
|
+ // console.log(s1.school);
|
|
|
+
|
|
|
+ // 方法三：组合继承
|
|
|
+ function Person(userName,userAge){
|
|
|
+ this.userAge = userAge;
|
|
|
+ this.userName = userName;
|
|
|
+ }
|
|
|
+
|
|
|
+ Person.prototype.showName = function(){
|
|
|
+ console.log(this.userName);
|
|
|
+ }
|
|
|
+
|
|
|
+ function Student(userName,userAge,school){
|
|
|
+ Person.call(this,userName,userAge);
|
|
|
+ this.school = school;
|
|
|
+ }
|
|
|
+
|
|
|
+ Student.prototype = new Person();
|
|
|
+
|
|
|
+ Student.prototype.constructor = Student;
|
|
|
+
|
|
|
+ var s1 = new Student("小明",18,"黑大");
|
|
|
+ console.log(s1.userAge);
|
|
|
+ s1.showName();
|
|
|
+ console.log(s1.constructor);
|
|
|
+
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
