zoukankan      html  css  js  c++  java
  • 关于js中namespace命名空间模式

    命名空间有助于减少程序中所需要的全局变量的数量,并且同时有助于避免命名冲突或过长的名字前缀。

    关于命名空间的例子:

    /**
    * 创建全局对象MYAPP
    * @module MYAPP
    * @title MYAPP Global
    */
    var MYAPP = MYAPP || {};
    
    /**
    * 返回指定的命名空间,如果命名空间不存在则创建命名空间。
    * 备注:命名时需小心,注意保留关键字,可能在一些浏览器无法使用。
    *
    * @method namespace
    * @param {String *} 至少需要创建一个命名空间
    * @return {Object} 最后一个命名空间创建的对象的引用
    */
    MYAPP.namespace = function(str){
        var parts = str.split("."),
        parent = MYAPP,
        i=0,
        l=0;
    
        if(parts[0]==="MYAPP"){
            parts = parts.slice(1);
        }
        for(i=0,l=parts.length; i<l;i++){
            if(typeof parent[parts[i]] === "undefined"){
                parent[parts[i]] = {};
            }
            parent = parent[parts[i]];
        }
        return parent;
    }
    
    /**
    * bfun是Basic Functions Extended的缩写
    * 作用:包括数组、字符串等等数功能扩展
    *
    * @module bfun
    */
    MYAPP.bfun = {
        array:(function(){
            return {
                /**
                * @method isArray 判断是否为数组
                * @param {Array} 数组
                * @return {Boolean} 真返回true,否则返回false
                */
                isArray: function(){
                    return Object.prototype.toString.call(arguments[0])  === '[object Array]'; 
                },
                /**
                * @method inArray 检查值是否在数组中
                * @param {value,Array} 值,数组
                * @return {Boolean} 真返回true,否则返回undefined
                */
                inArray: function(val,arr){
                    for(var i=0,l=arr.length;i<l;i++){
                        if(arr[i] === val){
                            return true;
                        }
                    }
                }
            }
        })(),
        string:(function(){
            return {
                /**
                * @method trim 过滤字符串两边多余的空格
                * @param {String} 字符串
                * @return {String} 字符串
                */
                trim: function(){
                    return arguments[0].replace(/(^s*)|(s*$)/g, "");
                },
                /**
                * @method ltrim 过滤字符串左边多余的空格
                * @param {String} 字符串
                * @return {String} 字符串
                */
                ltrim: function(){
                    return arguments[0].replace(/^s+/g, "");
                },
                /**
                * @method rtrim 过滤字符串右边多余的空格
                * @param {String} 字符串
                * @return {String} 字符串
                */
                rtrim: function(){
                    return arguments[0].replace(/s+$/g, "");
                }
            }
        })()
    }
    
    // 测试
    MYAPP.test = {
        init: function(){
            // 使用对应的模块先引用
            var marray = MYAPP.namespace("MYAPP.bfun.array");
            var mstring = MYAPP.namespace("MYAPP.bfun.string");
    
            var arr =  ["a","b"];
            var str = "   abc  ";
    
            console.log("判断是否为数组:" + marray.isArray(arr));
            console.log("值是否在数组中:" + marray.inArray("a",arr));
            console.log("过滤左右空格:" + mstring.trim(str));
        }
    }
    
    MYAPP.test.init();
  • 相关阅读:
    java面试笔记6
    Java面试笔记5
    Java面试笔记5
    网上订单管理-新增
    网上订单管理-级联;可编辑列表
    网上订单管理-新增、修改
    数据库嵌套查询
    网上订单管理-数据呈现
    video 移动端内联播放,视频上层可显示弹幕、点赞。video转canvas播放
    vue 日期格式化过滤器
  • 原文地址:https://www.cnblogs.com/kuikui/p/3190381.html
Copyright © 2011-2022 走看看