web学习笔记（二十一）

目录

1.构造函数创建对象

1.1规则

1.2 new关键字调用构造函数时，函数内部做了什么事情？

1.3总结

2.混合模式创建对象

3.JavaScript 继承---借助构造函数

 4.原型链

4.1原型链实现方法继承

5.完美的组合继承

6.call方法的使用

---

1.构造函数创建对象

1.1规则

（1）构造函数----函数名的首字母要大写eg:Person

 function Student(name, age, gender, no) {
            this.name1 = name;
            // 前者是新定义的属性名，后者是我们传进来的形参
            //绑定属性  this.属性名=属性值（形参上的变量）
           //属性名和形参的变量可以一致也可以不一致
            this.age1 = age;
            this.gender1 = gender;
            this.no1 = no;
            this.say1 = function () {
                console.log(this.name1 + 'is saying');
            }


        }
         var si=new Student('张三','20岁','大一','男');
         var s2=new Student('李四','22岁','大三','女');
         var s3=new Student('王五','20岁','大一','女');

  (2)函数内部的实现

         函数内的属性和方法前面需要添加this,表示当前对象的属性和方法

         构造函数中不需要return返回结果

 （3）调用函数

       var 实例对象= new 构造函数名（） 

1.2 new关键字调用构造函数时，函数内部做了什么事情？

       （1）在函数内部创建一个空对象-----函数内没写，系统帮忙完成的

       （2）让this指向这个空对象

        （3）执行构造函数内部的代码，在对象上添加属性和方法

        （4）把对象返回----函数内没写return,系统帮忙完成的

1.3总结

• 构造函数用于创建某一类对象，其首字母要大写。
• 构造函数要和 new 一起使用才有意义。
• 构造函数约定首字母大写。
• 函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。
• 构造函数中不需要 return 返回结果。
• 当我们创建对象的时候，必须用new 来调用构造函数。

2.混合模式创建对象

和构造函数创建对象很像，但混合模式创建对象比构造函数创建对象要好一点，以后应用会更多一点

继承-原型继承 --prototype

之前构造函数创建方法都是this.方法，现在我们使用混合函数创造方法都是把方法从对象里面拎出来，然后通过对象.prototype.方法名=function(){}来创建方法，相当于我们把方法放到了一个公共的区域，大家在调用方法时都是调用同一个方法。

<script>
        function Person(name, age) {
            this.name = name;
            this.gae = age;
        }
        Person.prototype.say = function () {
            console.log(this.name + 'is saying');
        }
        Person.prototype.test = function () {
            console.log(this.name + 'is testing');
        }
        var p1 = new Person('张武', 18);
        var p2 = new Person('李四', 20);
        p1.test();
        p2.test();
        // 这两个方法是同一个，相当于开发了同一个系统
    </script>

• JavaScript 是面向对象的语言，但JavaScript不使用类。
• 在 JavaScript中，不会创建类，也不会通过类来创建对象（就像在其他面向对象的语言中那样）。
• JavaScript基于prototype， 而不是基于类（构造函数名）的。

3.JavaScript 继承---借助构造函数

        继承就是查找属性和方法的一种机制，先从自身（自己的构造函数）来查，如果有就直接用，如果没有，再从它继承的构造函数中查，直到找到为止，如果一直找不到，方法会报错，属性输出undefined，此时只能继承父构造函数中的方法，而不能继承父构造函数原型上的方法，想要继承父构造函数上的继承方法需要使用原型链来继承。

继承者------子类  派生类

被继承者-----父类   超类 基类

继承父类的方法：   父构造函数.call(this，实参1，实参2)

括号内第一个参数是对象，不一定是this，后续可以进行更换。

             Father.call(this, name, age,say)
   //Father.call 是调用了父构造函数   this对象 指向是儿子的实例对象  
// name,age是传的实参,在父亲构造函数中借用name和age属性

继承父类的例子：

 <script>
            //父类
        function Father(name, age) {
            this.name = name;
            this.age = age;
            this.say = function () {
                console.log('saying');
            }

        }
        //子类
        function Son(name, age, no, xueli) {

            // 继承父亲中的属性和方法
            Father.call(this, name, age,say)
            //Father.call 是调用了父构造函数       this对象 指向是儿子的实例对象   
            //name,age是传的实参,在父亲构造函数中借用name和age属性
            this.no = no;
            this.xueli = xueli;
            this.test = function () {
                console.log('testing');
            }
        }
        var s1=new Son('廉颇', '20', '1000','本科');
        console.log(s1.name,s1.age,s1.no,s1.xueli);
    </script>

 4.原型链

        原型链就是在原型上查方法，是一种查找方法的查找机制。先从自己的原型去查找，如果有方法，就是用，如果没有就向继承的父级对象去查，然后一直沿着原型对象一直向上查，找到就使用，找不到就报错

原型里面大部分放的都是方法，构造函数里面放置基本的属性。

constructor:构造器属性，可以通过这个查找出该原型的构造器

4.1原型链实现方法继承

（1）方法一：子构造函数.prototype=new 父构造函数();
  这个方法不太好用,让会儿子的原型上同时拥有了父亲的属性和方法。此时通过.pototype.constructor查找出来子构造函数的this指向为父构造函数。可以通过回指来解决这个问题：子构造函数.prototype.constructor=子构造函数;

（2） 方法二：子构造函数.prototype=Object.create(父构造函数.prototype); 

5.完美的组合继承

就是借助构造函数然后加上原型链，从而形成完美的组合继承。

父构造函数名.call(this,实参一,实参二);

子构造函数名.prototype=Object.create(父构造函数名.prototype);

子构造函数名.prototype.constructor=子构造函数名;

6.call方法的使用

函数名.call方法是函数的内置方法。无参时和直接调用函数的作用一样。

    function text1(){
            console.log('aaa');
        }
        text1();
        text1.call();

有参数时：参数一是对象（必传）。参数二及后面是函数的实参，以逗号分割依次传递。