JavaScript-面向对象编程

目录

1.面向对象编程

1.1 原型对象

1.2 class继承

1.3 原型链

1.面向对象编程

1.1 原型对象

javascript、java、c#------都是面向对象的语言；但是 javascript 有些区别！

举个例子，在Java中：类是模板，对象是具体实例，在 javascript 中，需要大家转换一下思维方式！

关于原型的理解：

原型：被用于复制现有实例来生成新实例的函数

JS中每一个函数都有一个prototype属性，这个属性指向函数的原型对象，每一个由原型对象派生的子对象，都有相同的属性。子对象就叫构造函数，从实例原型中获取相同的属性。

    <script>
        //对象
        var Student={
            name:"biubiu",
            age:3,
            run:function () {
                console.log(this.name+" run...");
            }
        };

        //小明也是学生，就没必要再重写Student类中的某些属性和方法
        var xiaoming={
            name:"xiaoming"
        };

        //小明的原型指向student（原型可以理解为父类）
        xiaoming.__proto__=Student;
    </script>

js的原型比较随意：

 <script>
        
        var Bird={
            fly:function () {
                console.log(this.name+" fly...");
            }
        }

        //js的原型比较随意，也可以把小明指向鸟
        xiaoming.__proto__=Bird;
    </script>

1.2 class继承

class 关键字，是在 ES6 引入的

1、定义一个类，类中包含属性和方法

<script>
    function Student(name){
        this.name=name;
    }
    //给student新增一个方法
    Student.prototype.hello=function(){
        alert('hello');
    };

    //ES6之后(上下两部分代码是等价的)
    //直接定义一个学生的类
    class Student{
        constructor(name) {
            this.name=name;
        }
        hello(){
            alert('hello');
        }
    }
    var xiaoming=new Student("xiaoming");
    var xiaohong=new Student("xiaohong");
  </script>

2.继承

<script>
    //ES6之后(上下两部分代码是等价的)
    //直接定义一个学生的类
    class Student{
        constructor(name) {
            this.name=name;
        }
        hello(){
            alert('hello');
        }
    }

    //等价于原型指向它的父类
    class Pupil extends Student{
        constructor(name,grade) {
            super(name);
            this.grade=grade;
        }

        myGrade(){
            alert('我是一名小学生');
        }
    }

    var xiaoming=new Student("xiaoming");
    var xiaohong=new Pupil("xiaohong",1);
  </script>

本质：查看对象原型

继承的本质还是原型，只是换了一种更加友好的写法而已

1.3 原型链

每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。