js面向对象--设计方法

• 字面量法
  结构
  var 对象 = {
  属性名01：属性值，
  属性名02：属性值，
  方法01：function（）{函数体}
  }
  适用场合：只需简单创建单个对象
  问题：如果需要创建多个相似的对象，那么代码中冗余度太高（重复的代码太多）
  代码:

var book1 = {
        name:"悟空传",
        author:"今何在",
        press:"湖南文艺出版社",
        price:"28.00",
        logDes:function(){
            console.log("书名：" + this.name + "作者：" + this.author);
        }
    }

• 内置构造函数法

 var book1 = new Object();
    //01 设置属性
    book1.name = "花田半亩";
    book1.author = "田维";
    book1.price = "40.01";

    //02 设置方法
    book1.logDes = function (){
        console.log("书名：" + this.name);
    }

问题:如果需要创建多个相似的对象，那么代码中冗余度太高（重复的代码太多）

• 工厂法
  对于内置法把固定的部分提取写成函数的函数体，把变化的部分提取，作为参数传递

function createBook(name,author){
        //01 创建空的对象
        var o = new Object();
        //02 设置属性和方法
        o.name = name;
        o.author = author;
        o.logDes = function(){
            console.log("作者是：" + this.author);
        }

        //04 返回新创建的对象
        return o;
    }

问题：如果创建多个不同类型的对象，那么我们无法分辨

function createPerson(name,age){
        var o = new Object();
        o.name = name;
        o.age = age;
        return o;
    }

    function createDog(name,age)
    {
        var o = new Object();
        o.name = name;
        o.age = age;
        return o;
    }

    //创建具体的对象
    var obj1 = createPerson("张三",88);
    var obj2 = createDog("阿黄",6);

    
    console.log(obj1.constructor);  //Object
    console.log(obj2.constructor);  //Object

最终的返回值类型都是Object类型,只看结果不能够准确的辨认obj1和obj2对应的都是谁

• 构造法
  001 提供一个构造函数
  002 通过this指针来设置属性和方法
  003 通过new操作符创建对象

function Person(name,age){
        // 默认 创建对象
        //var o = new Object();

        //默认会赋值给this
        //this = o;

        // 01 通过this指针来设置属性和方法
        this.name = name;
        this.age = age;
        this.showName = function(){
            console.log(this.name);
        };
        this.showAge = function(){
            console.log(this.age);
        }

        //默认返回
        //return this;
    }

    //03 使用new操作符来创建对象
    var p1 = new Person("张三",20);
    var p2 = new Person("张老汉",200);
    console.log(p1);
    console.log(p2);

自定义构造函数方式创建对象内部的实现细节
01 我们在使用new关键字调用构造哈函数的时候，内部默认会创建一个空的对象
02 默认会把这个空的对象赋值给this
03 通过this来设置新对象的属性和方法
04 在构造哈函数的最后，默认会把新创建的对象返回

自定义构造函数和工厂函数对比
001 函数的名称不一样，构造函数首字母大写
002 自定义构造函数创建方式内部会自动的创建空对象并且赋值给this
003 默认会自动返回新创建的对象

返回值
01 没有显示的return ,默认会把新创建的对象返回
02 显示的执行了return语句，就得看具体的情况
001 返回的是值类型，那么直接忽略该返回，把新创建的对象返回
002 返回的是引用类型的数据，会覆盖掉新创建的对象，直接返回引用数据类型的值

function Dog(name)
        {
            this.name = name;
            //return "demo";  忽略
            return function (){console.log(name);};最终返回的值
        }

        var dog = new Dog("阿黄");
        console.log(dog);

        //function (){console.log(name) -->返回值