JS 多级函数，类似class类的写法 - MilkeZhang 的网络笔记

我的JS一直是边写边学，之前工作的前端工程师看了之后，都笑着我说，是div工程师。

其实他说的对，很多写法和很多应用我并不是很懂，特别是我有很大的强迫症，命名规格这些我都是比较注意的。

那就导致了，很多的程序，功能是相同的，但是我写起来就是很臃肿又重复。

现在网站的页面越来越多，很多的功能都是重复，代码复制了不少，但是功能其实还是那些，这样就造成了另一个无法避免的问题。

而且非常严重，我快记不住了，如果不用一个归类的办法，很多函数名字一样，放在不同的文件就是不同的功能，这样很难区分。

如果把程序名字细化，工作量又大，而且函数名又大又长，也容易出错。

程序员都懂的，多一个字母或者多一个分号，就死定定了。

前几天和我们公司的同事请教，让我学会了对象的用法，可以构件自己的基础类，基础函数，这样把代码做合并归拢，类似与c#的class写法。

又是静态的，不用new一个，用起来也就比较方便。这里记录一下

// 基础函数库
const JS_Base_Function = {

    //格式判断
    Is_Format: {
        //判断手机格式
        Is_Phone_Format: function (phoneNumber) {
            // 使用字符串的startsWith方法判断手机号码是否以1开头
            if (!phoneNumber.startsWith("1")) {
                return false;
            }
            // 使用字符串的length属性判断手机号码长度是否为11位
            if (phoneNumber.length !== 11) {
                return false;
            }
            // 使用parseInt函数判断手机号码是否全为数字
            if (isNaN(parseInt(phoneNumber))) {
                return false;
            }
            return true;
        },

        //判断邮箱格式
        Is_Email_Format: function (email) {
            const parts = email.split('@');

            if (parts.length !== 2) {
                return false;
            }

            const domainParts = parts[1].split('.');

            return (domainParts.length >= 2 && domainParts.every(part => part.length > 0));
        },
    },

};

这里是一个基础用法，判断格式的，也是这次短信服务和应用，由于这个写法，单独写一个js就可以实现在多个页面上的快速应用。

后续将慢慢的合并同步此写法，优化整体代码的可读性，和网页加载量的减少！

记录一下，方便后续使用