javascript設計模式系列一

時間 2019-11-10

原文原文鏈接

一、javascript靈活語言javascript

方式1、java

function checkName() { }
function checkEmail()) { }
function checkPassword() { }

方式2、函數

var checkName=function(){}
var checkEmail=function(){}
var checkPasswork=function(){}

方式1一和方式二都是全局做用域變量，方式二能直觀說名在javascript中函數也是變量，只是定義時位置不一樣而已this

二、用對象收編變量spa

方式1、code

var checkObject={
    checkName:function(){},
    checkEmail:function(){},
    checkPassword:function(){}
}

方式2、對象

var checkObject = function () { }
checkObject.checkName = function () { return this; }
checkObject.checkEmail = function () { return this; }
checkObject.checkPassword = function () { return this; }

三、真假對象blog

var checkObject = function () {
    return {
        checkName: function () { },
        checkEmail: function () { },
        checkPassword: function () { }
    }
}
var obj= checkObject();
obj.checkName();

四、類形式ip

var checkObject = function () {
    this.checkName = function () { };
    this.checkEmail = function(){ };
    this.checkPassword = function(){ };
}
var obj = new checkObject();
obj.checkName();

五、原型形式作用域

方式1、

var checkObject = function () { }
checkObject.checkName = function () { }
checkObject.checkEmail = function () { }
checkObject.checkPassword = function(){ }

方式2、

var checkObject = function () {
    return {
        checkName: function () { },
        checkEmail: function () { },
        checkPassword: function () { }
    }
}

六、原型形式加 Return

var checkObject = function () { }
checkObject.checkName = function () { return this; }
checkObject.checkEmail = function () { return this; }
checkObject.checkPassword = function(){ return this; }

方式2、

var checkObject = function () {
    return {
        checkName: function () { return this; },
        checkEmail: function () { return this; },
        checkPassword: function () { return this; }
    }
}