JS中的面向对象介绍

什么是面向对象？所谓的面向对象是一种编程思想，代码的书写格式
之前为了简化代码，我们是将程序封装为函数的形式来调用
函数会有一些小问题：函数内部定义的局部作用域变量，函数外部无法直接调用；函数调用使用时，会占用大量的系统内存，容易造成数据溢出数据泄露，容易被黑客攻击；函数一般只是封装一些模块化的功能
复杂程序的封装会封装成其他形式，使用面向对象的方式来封装程序
之前的编程方式称为面向过程的编程方式，面向过程和面向对象编程思想的区别用生活中的实例来举例 : 吃饺子
面向过程：①和面②和饺子馅③包饺子④烧水⑤水开了煮饺子⑥捞饺子⑦吃饺子
面向对象：①找一个饺子馆 — 封装的面向对象的程序完成制作饺子的过程，我们只要点就可以了②点饺子 — 调用封装的程序③做好了吃饺子④结账

面向过程 : 自己独立的一步一步的完成程序的定义和执行
面向对象 : 有封装好的面向对象的的程序，直接调用执行就可以了。功能和作用类似于封装好的函数，但是封装的语法和思想与函数不同

为什么是面向“对象”，而不是面向“字符串”之类的？
对象的优点：
①对象中可以定义并且存储多个数据单元以及所有JavaScript支持的数据类型
const obj = {age:18,name:'张三',fun:()=>{},arr:[1,2,3,]}
②对象中调用具体数据很方便，不用考虑数据的顺序
const obj1 = {age:18,name:'张三'} const obj2 = {name:'张三',age:18}
调用 name 和 age 都是不用考虑数据单元的顺序，只要键名/属性输入正确就可以了
③对象中可以定义函数，还可以通过函数的this方便地调用对象本身的数据
const obj1 = {age:18,name:'张三',fun:function(){ console.log(this.name) }}
const obj2 = {age:18,name:'张三',fun:function(){ console.log(this.name) }}
调用对象的数据不用管对象名称是什么，只要通过this就可以指向这个对象,
obj1中的this指向的就是obj1，obj2中的this指向的就是obj2，this.name分别就是obj1.name和obj2.name

面向对象编程的基本思路：创建一个对象，给这个对象添加上属性和属性值还有函数等方法，之后通过操作这个对象来完成需要的效果

        // 先通过一个函数的方法来创建对象
        function createObj(){
            // 创建对象
            const obj = {};

            // 给对象添加属性和属性值
            obj.name = '张三';
            obj.age = 18;
            obj.addr = '北京';
            obj.sex = '男';

            // 给对象添加方法
            obj.funNameAge = function(){
                console.log(this.name , this.age);
            }
            obj.funNameAddr = function(){
                console.log(this.name , this.addr);
            }
            obj.funSexAge = function(){
                console.log(this.sex , this.age);
            }
            obj.funAll = function(){
                console.log(this.name, this.sex , this.age, this.addr);
            }

            // 返回这个创建好的对象
            return obj;
        }

        // 调用函数，函数创建对象，并且作为返回值
        // 变量中存储的就是函数创建的对象
        const obj2 = createObj();

        // 可以通过调用obj中存储的对方的方法来实现功能
        obj2.funAll();

工厂模式：所谓的工厂模式是一种书写函数的语法形式、语法规范。就像工厂中的流水线一样，按照步骤来执行需要的操作
步骤1：创建对象
步骤2：给对象定义属性和属性值
步骤3：给对象添加方法
步骤4：定义对象为返回值

            function createDumpling(pi,mian,xian,tiaoliao){
            // 创建包饺子对象
            const dumpling = {};

            // 给包饺子对象添加属性
            dumpling.pi = pi;
            dumpling.xian = xian;
            dumpling.mian = mian;
            dumpling.tiaoliao = tiaoliao;

            // 给包饺子对象添加方法
            // 和面
            dumpling.huomian = function(){
                console.log(this.mian);
            }

            // 和饺子馅
            dumpling.huoxian = function(){
                console.log(this.xian);
            }

            // 包饺子
            dumpling.bao = function(){
                console.log(this.xian,this.pi,this,mian);
            }

            // 煮饺子
            dumpling.zhu = function(){
                console.log('煮饺子了，等着吃吧');
            }

            // 返回包饺子对象
            return dumpling;
        }

        // 要开始包饺子，创建一个执行包饺子功能的对象，并且输入参数
        const baojiaozi1 = createDumpling('薄皮' , '白面粉' , '猪肉大葱');

        const baojiaozi2 = createDumpling('厚皮' , '玉米面' , '鱼香肉丝');
        console.log(baojiaozi1);
        // 可以调用任意的封装的方法
        baojiaozi1.huoxian();   // 调用和饺子馅方法
        baojiaozi1.huomian();     // 调用和面方法

面向对象编程的优点：优点与函数的优点类似
高内聚 : 将所有需要的程序都定义封装在对象内，对象中存储所有需要的属性，所有需要的方法
低耦合 : 尽量减少特殊程序的执行

面向对象编程的特点
抽象 — 通过描述 对象 共有的特点(属性和属性值) 来形容一个对象，这个对象不是一个非常具体事例的内容，是一个抽象化的实例
封装 — 将所有的程序都定义在一个对象中