面向对象编程

柔光的暖阳◎ 2022-07-13 09:49 268阅读 0赞

**面向对象编程**

> 一切皆对象，面向对象编程特点封装、继承、多态

javascript的面向对象编程与其他的OOP语言不同，因为JS里没有类(class)的概念,什么是类，可以理解为抽象出来用来创建对象的构造器。

面向对象编程的逻辑

*  编写一个可以创建具体个例（实例对象）的构造器
 *  调用这个构造器创建
 *  具体个例创建

**构造函数模式**

// 构造函数的封装
    function Person(){
        
        this.name = 'xiaoming',
        this.tall = '170',
        this.Hello = function(){
        
            console.log("hello "+this.name);
        }
    }
    // 通过Person的构造器创建了一个具体的实例对象
    var xiaoming = new Person();
    console.log(xiaoming);//Person { name: 'xiaoming', tall: '170', Hello: [Function] }
    xiaoming.Hello();//hello xiaoming

*Person函数就是一个构造函数，创建方法与函数一样，可以理解构造函数就是函数，只是内部结构不同*

// 多态
    function Person(name,tall){
        
        // 构造函数这个对象的name属性赋值为参数name
        this.name = name,
        this.tall = tall,
        this.Hello = function(){
        
            console.log("hello "+this.name);
        }
    }
    var xiaohong = new Person('xiaohong',160);
    console.log(xiaohong);//Person { name: 'xiaohong', tall: 160, Hello: [Function] }
    var xiaoming = new Person('xiaoming',170);
    console.log(xiaoming);//Person { name: 'xiaoming', tall: 160, Hello: [Function] }

*通过向构造函数传入不同的参数，参数传入构造函数中的实例属性后，就可以实现不一样的实例 ，这就是多态*

**原型模式**

解释创建实例对象时，构造函数模式与原型模式的关系

*  1.先将实例对象的**proto**属性指向构造函数的prototype原型属性对象
 *  2.执行构造函数中的实例属性与实例方法
 *  3.创建了实例对象
 *  4.当你调用对象中某个属性或方法时，程序首先会先找到构造函数所生成的实例属性或方法，
 *  当没有找到时，会顺着**proto**指针进入原型对象中进行寻找