文档章节

javascript工具类(util)-持续更新

bosscheng
 bosscheng
发布于 2014/10/28 15:41
字数 1086
阅读 211
收藏 0

同步更新github,并含有测试用例。

地址 https://github.com/bosscheng/javascript-utils

isXXX系列

org.util = {};

;(function(util){
	var toString = Object.prototype.toString;
	var AP = Array.prototype;


	/**
	* is 判断
	***/

	// 对于 "Arguments" ,"Function" ,'String' ,'Number','Date' ,'RegExp' 这几种类型,可以通过 toString.call(value) === "[object xxx]" 来判断。


	util.isString = function(value){
		return toString.call(value) === '[object String]';
	}

	util.isFunction = function(value){
		return toString.call(value) === '[object Function]';
	}

	util.isRegExp = function(value){
		return toString.call(value) === '[object RegExp]';
	}

	util.isObject = function(value){
		return value === Object(value);
	}

	// 优先去根据ECMAScript 5的方法
	util.isArray = Array.isArray || function(value){
		return toString.call(value) === '[object Array]';
	}

	util.now = Date.now || function(){
		return new Date().getTime();
	}

	// is a given value a DOM element?
	util.isElement = function(value){
		return !!(value && value.nodeType === 1);
	}

	util.isArguments = function(value){
		return toString.call(value) === "[object Argments]"
	}

	util.isNumber = function(value){
		return toString.call(value) ===  "[object Number]";
	}

	util.isFinite = function(value){
		return util.isNumber(value) && isFinite(value);
	}

	util.isNaN = function(value){
		return value !== value;
	}

	util.isBoolean = function(value){
		return value === true || value === false || toString.call(value) === "[object Boolean]";
	}

	util.isDate = function(value){
		return toString.call(value) === "[object Date]"
	}

	util.isNull = function(value){
		return value === null;
	}

	util.isUndefined = function(value){
		return value === void 0;
	}
	
	// 借鉴 jquery的实现。
	util.isWindow = function(value){
	    return value && typeof value === "object" && "setInterval" in value;
	}
	
	// 借鉴 jquery的实现
	util.isWindowNew = function(value){
	    return value !== null && value === value.widow;
	}
	
	// is empty object 
	util.isEmptyObject = function(value){
	    var name;
	    for(name in value){
	        return false;    
	    }
	    
	    return true;
	}
	
	// 对于 plain object
	// any object or value whose internal [[class]] property is not "[object object]"
	// DOM nodes
	// window
	util.isPlainObject = function(value){
	    if(!util.isObject(value) || value.nodeType || util.isWindow(value)){
	        return false;
	    }
	    
	    if(value.constructor && value.hasOwnProperty.call(value.constructor.prototype,"isPrototypeOf")){
	        return false;
	    }
	    
	    return true;
	}
	
	util.isIE = function(){
	    return document.documentMode;
	}
	

	/**
	* is 判断 结束
	***/
	
	
	
})(org.util)

 更加简化的写法:

    

org.newUtil = {};

;(function(util){
	// 
	function isType(type){
		return function(obj){
			return Object.prototype.toString.call(obj) === "[object "+ type+"]"
		}
	}

	util.isObject = isType("Object");
	util.isString = isType("String");
	util.isArray = Array.isArray || isType("Array");
	util.isFunction = isType("Function");


})(org.newUtil);

其他方法:

var forEach = util.forEach = AP.forEach ? 
	// 
	function(arr,fn){
		arr.forEach(fn);
	} :
	// 		
	function (arr,fn){
		for(var i = 0; i< arr.length;i++){
			fn(arr[i],i,arr);
		}
	}

	var keys = util.keys = Object.keys || function(o){
		var ret = [];
		// 利用 in 方式
		for(var p in o){
			// 通过 hasOwnProperty 方法。
			if(o.hasOwnProperty(p)){
				ret.push(p);
			}
		}
		return ret;
	}


	util.has = function(obj,key){
		return Object.prototype.hasOwnProperty.call(obj,key);
	}


	util.random = function(min,max){
		// null === max
		if(util.isNull(max)){
			max = min;
			min = 0;
		}
		return min + Math.floor(Math.random() * (max - min +1));
	}

	util.indexOf = AP.indexOf ?
	// 
	function(arr,item){
		return arr.indexOf(item);
	}:
	// 
	function(arr,item){
		for (var i = arr.length - 1; i >= 0; i--) {
			// 遍历数值,查询到符合的结果。
			if(arr[i] === item){
				return i;
			}
		}
		return -1;
	}

	util.map = AP.map ?
	//
	function(arr,fn){
		return arr.map(fn);
	}:
	// 
	function(arr,fn){
		var ret = [];
		forEach(arr,function(item,i,arr){
			// 讲执行完之后的结果,从新存储进去。
			ret.push(fn(item,i,arr))
		})
		return ret;
	}

	util.filter = AP.filter ? 
	function(arr,fn){
		return arr.filter(fn);
	}:

	function(arr,fn){
		var ret = [];
		forEach(arr,function(item,i,arr){
			// 如果满足函数的条件。
			if(fn(item,i,arr)){
				ret.push(item);
			}
		})
		return ret;
	}


	// log:  外面封装了一层安全机制。。。。。。。
	util.log = function(){
		if(typeof console === "undefined") return;
		// 获取参数对象
		var args = Array.prototype.slice.call(Argments);
		var type = "log";
		var last = args[args.length - 1];
		// 
		console[last] && (type = args.pop());
		if(type === "log") return;

		if(console[type].apply){
			console[type].apply(console,args);
			return;
		}	

		var length = args.length;

		//
		if(length === 1){
			console[type](args[0]);
		}

		else if(length === 2){
			console[type](args[0],args[1]);
		}
		else if(length ===3){
			console[type](args[0],args[1],args[2]);	
		}
		else{
			console[type](args.join(' '));
		}
	}

其他方法

/**
     * @desc
     *      获取当前元素样式
     * @param oElm   元素对象
     * @param strCssRule   需要获取的css属性
     *
     * */
    util.getStyle = function (oElm, strCssRule) {
        var strValue = "";
        // 如果存在 defaultView 方法的话,且存在getComputedStyle方法
        if (document.defaultView && document.defaultView.getComputedStyle) {
            // getComputedStyle 获取对象的css属性的。 然后通过 getPropertyValue 获取属性{key:value}
            strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
        }
        //
        else if (oElm.currentStyle) {
            strCssRule = strCssRule.replace(/\-(\w)/g, function (strMath, p1) {
                return p1.toUpperCase();
            });

            strValue = oElm.currentStyle[strCssRule];
        }

        //
        return strValue;
    }

    /**
     * @desc
     *      格式化数字,格式化金额
     *
     * @param number: 要格式化的数字
     * @param decimals: 保留几位小数
     * @param decPoint: 小数符号
     * @param thousandsSep: 千分位符号

     *
     * */
    util.numberFormat = function (number, decimals, decPoint, thousandsSep) {
        // 将非 0-9/-+eE.的部分用空白替换
        // number + '' 转义成 string 类型
        number = (number + '').replace(/[^0-9+-Ee.]/g, '');
        // +string 转义成 number 类型
        var n = !isFinite(+number) ? 0 : +number;
        var prec = !isFinite(+decimals) ? 0 : Math.abs(decimals);
        var sep = (typeof thousandsSep === "undefined") ? ',' : thousandsSep;
        var dec = (typeof decPoint === "undefined") ? '.' : decPoint;
        var s = '';
        // 将
        var toFixedFix = function (n, prec) {
            var k = Math.pow(10, prec);
            return '' + Math.ceil(n * k) / k;
        }


        // 将数字变成数组 [0] 表示整数,[1]表示分数
        s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
        //
        var re = /(-?\d+)(\d{3})/;
        // 将整数按照 三位的用符号分割
        while (re.test(s[0])) {
            s[0] = s[0].replace(re, "$1" + sep + "$2");
        }

        // 将小数四舍五入
        if ((s[1] || '').length < prec) {
            s[1] = s[1] || '';
            s[1] += [prec - s[1].length + 1].join('0');
        }

        // 将数组转义成字符串
        return s.join(dec);
    }

    /**
     * 全角转化为半角函数
     *
     * */
    util.toCDB = function (str) {
        var result = '';
        var code
        for (var i = 0; i < str.length; i++) {
            code = str.charCodeAt(i);
            if (code >= 65281 && code <= 65374) {
                result += String.fromCharCode(str.charCodeAt(i) - 65248);
            }
            else if (code === 12288) {
                result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
            }
            else {

                result += str.charAt(i);
            }
        }


        return result;
    }
    
    // 获取到图片的宽度和高度
    util.getPicWidthAndHeight(src,callback){
        var $img = $("<img>");  // 直接通过内存
        var height  = 0;
        var width = 0;
        var self = this;
        // 是一个异步的过程。
        $img.attr("src",src).load(function(){
            height = $(this).height;
            width = $(this).width;
            // 完成了之后调用回调函数。
            callback([width,height]);
        })
                
    }








© 著作权归作者所有

bosscheng
粉丝 81
博文 303
码字总数 95443
作品 0
南京
前端工程师
私信 提问
2014 不能错过的 10+ 个 JavaScript 游戏引擎

在过去几年里,JavaScript 变得越来越流行,现在被认为是 Github 上面最受欢迎的编程语言。JavaScript 和 HTML5 这个流行的组合和 HTML5 的最新发展催生了各种 JavaScript 游戏引擎。这个组合...

oschina
2014/03/20
6.4K
13
chrome开发人员工具使用链接整理

GoogleChrome 开发人员工具详解:http://wenku.baidu.com/link?url=v-bAUCddu3t9I14LQVQtRhNDoohge2lsTLl3QDjiMoLQl4CJ629xfqnLwoYyDsWLWDkUyEmllRwY-oUEtwDN-ZlTTSjOdvpKaxwUoJmp6y Google......

智能小松鼠
2015/03/19
0
0
2015年10个最佳Web开发JavaScript库

现在的互联网可谓是无所不有,有大量的JavaScript项目开发工具充斥于网络中。我们可以参考网上的指导来获取构建代码项目的各种必要信息。如果你是搞Web开发的,那么大多更喜欢支持前端开发的...

IanSun
2015/03/14
0
0
TypeScript 0.9.1 发布,新增 typeof 关键字

TypeScript 0.9.1 发布了,该版本提升了编译器和语言的性能,增加新的语言特性 typeof ,更好的 this 处理等。详细介绍请看发行说明。 TypeScript 是微软新推出的一种语言,基于 JavaScript...

oschina
2013/08/07
2.1K
2
推荐轻量高效无依赖的开源JS插件和库

在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo viewerjs - 是一个图...

小弟调调™
2018/10/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql免安装版,服务无法启动没有抱任何错误

1.解压 2.新建my.ini [mysqld]# Remove leading # and set to the amount of RAM for the most important data# cache in MySQL. Start at 70% of total RAM for dedicated server, e......

榴莲黑芝麻糊
44分钟前
0
0
Qt编写安防视频监控系统3-通道交换

一、前言 最开始写通道交换的功能的时候,走了很多弯路,比如最开始用最初级的办法,触发交换的时候,先关闭视频,然后设置新的url重新打开视频,这样处理非常低级而且耗内存还卡还很慢,毕竟...

飞扬青云
44分钟前
0
0
如何远程调试部署在CloudFoundry平台上的nodejs应用

网络上关于如何本地调试nodejs应用的教程已经很多了,工具有Chrome开发者工具,Visual Studio Code,和nodejs周边的一些小工具等等。 在实际情况中,我们可能遇到本地运行良好,但是部署到C...

JerryWang_SAP
今天
5
0
微信扫码访问网站调用默认浏览器打开如何实现?

我们在微信内分享链接或二维码的时候,我们会发现我们的网站是可以在浏览器里正常打开的,但就是不能在微信里打开,提示 “ 已停止访问该网页 ”,无论是聊天框也一样。说是系统检测到您的网...

明尼苏达哈士奇
今天
4
0
一份Java程序员进阶架构师的秘籍,你离架构师还差多远

一、如何定义架构师 Java架构师,首先要是一个Java程序员,熟练使用各种框架,并知道它们实现的原理。jvm虚拟机原理、调优,懂得jvm能让你写出性能更好的代码;池技术,什么对象池,怎么解决并...

我最喜欢三大框架
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部