（JS格式）自定义、可继承的命名空间，用于在 MVC 中调用控制器

问：

我目前正在尝试创建一个用于组织 JS 文件的 JavaScript 命名空间，该命名空间可用于访问允许从 MVC 控制器调用方法的特定方法。我的困惑围绕着命名空间和继承命名空间，或者在不同的源中调用命名空间时应用命名空间。

命名空间 TEST.js

var TEST = TEST || {}; // Needed?
(function() {
    if (typeof String.prototype.trimLeft !== "function") {
        String.prototype.trimLeft = function () {
            return this.replace(/^\s+/, "");
        };
    }
    if (typeof String.prototype.trimRight !== "function") {
        String.prototype.trimRight = function () {
            return this.replace(/\s+$/, "");
        };
    }
    if (typeof Array.prototype.map !== "function") {
        Array.prototype.map = function (callback, thisArg) {
            for (var i = 0, n = this.length, a = []; i < n; i++) {
                if (i in this) a[i] = callback.call(thisArg, this[i]);
            }
            return a;
        };
    }

this.Settings = {
    Timer: 300
};

this.Service = (name, isApi) => {
    let location = isApi === true ? "~/Controller/api/" + name : "~/Controller/" + name;

    this.Call = (data, method, type, callback) => {
        let method = location + "/" + method + ".cs";
        let data = typeof data === "object" ? data : {};
        let type = type || "GET";

        callback = fetch(method, {
            method: type,
            headers: {
                "Accept": "application/json, text/plain, */*",
                "Content-Type": "application/json"
            },
            body: JSON.stringify(data)
        })
            .then((res) => res.json())
            .then((data) => console.log(data));

        return callback;
    };
};

this.Functions = {
    PageWidth: function () {
        // return parseInt main container css width
    },
    setCookie: function (name, value) {
        var val = value + ";domain=" + window.location.host + ";path=/;";
        document.cookie = name + "=" + val;
    },
    deleteCookie: (name) => { document.cookie = name + "=null;domain=" + window.location.host + ";path=/;expires=Thu, 01 Jan 1900 00:00:00 GMT;"; },
    getCookie: (name) => { getCookies()[name]; },
    getCookies: () => {
        var c = document.cookie, v = 0, cookies = {};

        if (document.cookie.match(/^\s*\$Version=(?:"1"|1);\s*(.*)/)) {
            c = RegExp.$1;
            v = 1;
        }

        if (v === 0) {
            c.split(/[,;]/).map(function (cookie) {
                var parts = cookie.split(/=/, 2),
                    name = decodeURIComponent(parts[0].trimLeft()),
                    value = parts.length > 1 ? decodeURIComponent(parts[1].trimRight()) : null;
                cookies[name] = value;
            });
        } else {
            c.match(/(?:^|\s+)([!#$%&'*+\-.0-9A-Z^`a-z|~]+)=([!#$%&'*+\-.0-9A-Z^`a-z|~]*|"(?:[\x20-\x7E\x80\xFF]|\\[\x00-\x7F])*")(?=\s*[,;]|$)/g).map(function ($0, $1) {
                var name = $0,
                    value = $1.charAt(0) === '"'
                        ? $1.substr(1, -1).replace(/\\(.)/g, "$1")
                        : $1;
                cookies[name] = value;
            });
        }
        return cookies;
    },
    getQSParams: (query) => {
        query
            ? (/^[?#]/.test(query) ? query.slice(1) : query)
                .split('&')
                .reduce((params, param) => {
                    let [key, value] = param.split('=');
                    params[key] = value ? decodeURIComponent(value.replace(/\+/g, ' ')) : '';
                    return params;
                }, {}
                )
            : {}
    }
}
this.ClientState = {};
this.getWidth = function () {
    return Math.max(
        document.body.scrollWidth,
        document.documentElement.scrollWidth,
        document.body.offsetWidth,
        document.documentelement.offsetWidth,
        document.documentElement.clientWidth
    );
}
this.getHeight = function () {
    return Math.max(
        document.body.scrollHeight,
        document.documentElement.scrollHeight,
        document.body.offsetHeight,
        document.documentElement.offsetHeight,
        document.documentElement.clientHeight
    );
}
}).apply(ELITE); // Var up top go here instead?

我的测试代码看看这是否有效：

<script type="text/javascript" src='<%=ResolveUrl("~/Content/Scripts/TEST.js") %>'></script>
<script type="text/javascript">
    $(function () {
        var test = new TEST.Service("TestController", true);
        var data = {};
        test.Call(data, "TestMethod", "GET", function (resp) {
            console.log(resp);
        });
    }(TEST));
</script>

我敢肯定这是简单的事情或事物的混合。

问：是否正确地命名 JS 文件以供其他 JS 文件或 JS 脚本调用继承以调用 MVC 控制器方法？

奖励：这作为类执行会更好吗？我确实可以使用ES5 / ES6，当然jQuery将通过此TEST.js文件缩小！