设计模式研究

Posted 2021-02-18 zdjblog

目录

• 1.面向对象编程
  • 1.1 对象封装
• 2.创建型设计模式

1.面向对象编程

1.1 对象封装

函数的简单编写到对象封装

//简单的函数编写
function checkName() {
    console.log("checkName")
    return true;
}

function checkEmail(a) {
    console.log("checkEmail");
    return false;
}

function checkPassword() {
    console.log("checkPassword");
    return true;
}

//调用
checkName();
checkName();
checkPassword();

//升级版1：用对象收编函数变量
var checkObject = {
    checkName: function () {
        console.log("checkName")
        return true;
    },
    checkEmail: function () {
        console.log("checkEmail");
        return false;
    },
    checkObject: function () {
        console.log("checkPassword");
        return true;
    }
}

//调用
checkObject.checkName();
checkObject.checkEmail();
checkObject.checkObject()


//升级版2：对象的另一种形式，函数也是对象
let checkObject_1 = function () {};
checkObject_1.checkName = function () {
    console.log("checkName")
    return true;
}
checkObject_1.checkEmail = function () {
    console.log("checkEmail");
    return false;
}
checkObject_1.checkPassword = function () {
    console.log("checkPassword");
    return true;
}

//调用 
checkObject_1.checkName();
checkObject_1.checkEmail();
checkObject_1.checkPassword();
checkObject_1.id = 3;
console.log(checkObject_1.id);//3

//如果别人想用到这个对象方法就有些麻烦了，因为这个对象不能复制一份
//上面的写法，如果其中一个调用者改变了这个对象，则这个对象就会发生变化

//下面通过定义一个函数，函数内部定义了包含3个校验函数的对象
//每次通过执行这个函数来返回一个新的对象的方式
//这样每次调用下面函数返回的对象都是一个新的对象，调用者之间是不会影响的
let checkObject_3 = function () {
    return {
        checkName: function () {
            console.log("checkName")
            return true;
        },
        checkEmail: function () {
            console.log("checkEmail");
            return false;
        },
        checkObject: function () {
            console.log("checkPassword");
            return true;
        }
    }
}
checkObject_3().checkName();
checkObject_3().id = 3;
console.log(checkObject_3().id);
//undefined，每次函数返回都是一个新的对象

2.创建型设计模式