javascript工具类（util）-持续更新

最新推荐文章于 2024-07-09 10:49:56 发布
最新推荐文章于 2024-07-09 10:49:56 发布
阅读量192 收藏
点赞数
文章标签： python 测试 javascript ViewUI
原文链接：https://my.oschina.net/bosscheng/blog/338158
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

同步更新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]);
        })
                
    }








转载于:https://my.oschina.net/bosscheng/blog/338158

Msro
关注
javascript中一些util方法汇总
10-24
Util.js文件包含了一些工具函数，来帮助人们使用JavaScript数据（例如从服务器返回的数据）来更新Web页面。有需要的小伙伴可以参考下
JavaScript工具类（一）：util.js创建及上传
猿始森林
01-29 2277
创建util.js文件，以及全局变量 将自定义的工具类上传，方便以后直接用 `npm` 下载使用
javescript utils
sinat_15682257的博客
04-22 184
前端常用方法
javascript util
03-09
文件包含源代码和压缩版,压缩后只有9k。 一个便捷的javascript封装的工具包,如果你熟悉jquery的话,那么对于这里面的函数一定会让你感到很上手,因为设计思路类似于jquery,里面封装了一些非常常用dom操作、ajax等函数,例如: 去除字符串两边的空格 var result = " test ".trim(); 格式化日期 var result = (new Date()).format("yyyy年MM月dd日 hh:mm:ss"); 获取元素遍历: $("ul li").each(function(n,i){ alert("元素是:" + n + ",索引是:" + i); }); 事件绑定: util("#id").on("click", function(){alert("测试");}); ajax操作: util.ajax({ url:"test.do", data:{name:"name",age:20}. ansy:true, headers:{"cache-control","no-cache"}, type:"post". dataType:"JSON" sendBefore:function(){alert("sendBefore");}, success:function(result){alert("返回值"+result)}, error:function(xh){alert("发生错误:"+xh)}, complete:function(){alert("请求执行完成");} }); 等等还有其他便捷的函数...
shellScript之util语句
行善之人必有余庆
06-26 517
#!/bin/bash i=0 until [[ "$i" -gt 5 ]] do let "square=i*i" echo "$i * $i = $square" let "i++" done 结果： ~/Note/test # ./15until.sh 0 * 0 = 0 1 * 1 = 1 2 * 2 = 4 3 * 3 = 9 4 * 4 = 16 5 *
C# Util 实用工具类
01-17
C# Util中的Json工具类通常提供了序列化和反序列化JSON对象的方法，如将C#对象转换为JSON字符串，或者将JSON字符串解析为C#对象，这在处理API请求或保存配置文件时非常有用。 2. **Net**: 这部分可能包含网络通信...
util-js:一个 js 实用程序库
06-13
9. **类和继承**：在 JavaScript 中实现面向对象编程时，`util-js` 可能提供了创建类、继承和实例化对象的辅助方法。 10. **深度拷贝和浅拷贝**：在处理对象时，有时需要深拷贝或浅拷贝对象，`util-js` 提供了相应...
slyn-util-helper
04-28
`slyn-util-helper` 是一个专为 `slyn` 框架设计的实用工具模块，它的主要目的是为了增强和扩展 `slyn` 的功能，提供更便捷的开发体验。作为一个JavaScript项目，它很可能是用JavaScript或者TypeScript编写的，旨在...
Util.js:javascript常用工具函数集合
04-27
javascript常用工具函数集合 具体的函数参数可在源码中看 依赖 Jquery，Handlebar Examples formatDate 格式化日期 var date = new Date(); Util.formatDate(date,'YYYY/MM/DD hh:mm:ss'); // 2014/11/12 11:12:13...
Node.js-electron-util开发Electron应用和模块的实用工具类
08-09
同时，了解并掌握这些工具类库的内部实现，也有助于深入理解Electron的工作原理，从而编写出更优秀的桌面应用。在学习和使用`electron-util`的过程中，开发者应该结合官方文档、示例代码以及社区的实践案例，以便更...
hutool ScriptUtil Script for [js] not support !
最新发布
贾世鑫的博客
07-09 266
Nashorn是一个基于JVM的轻量级JavaScript引擎，可以在Java应用程序中直接执行JavaScript代码。然而，从Java 9开始，Oracle决定将Nashorn从标准JDK中移除，主要是因为它的性能不如其他主流JavaScript引擎（如V8引擎）。取而代之的是，推荐使用外部的JavaScript引擎，或者在Java 11之后使用JDK中的GraalVM项目，它包含了一个更现代化和高性能的JavaScript引擎。检查后发现jdk没有配置—_—!
五个JavaScript Util 函数的趣味应用
icktpxcls的博客
09-28 342
1、 模拟延迟 有时我们需要模拟某些动作之间的特定延迟。使用以下代码就很容易实现： function delay(timeout) { return new Promise( (resolve) => { const timeoutHandle = setTimeout(() => { clearTimeout(timeoutHandle); resolve() }, timeout); }); } 这个util函数的用法如下： async function(){ console.log(‘Th
SpringMVC：JSON学习
weixin_44820671的博客
10-25 588
java、SpringMVC
Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数
简简单单Onlinezuozuo
01-19 3468
文章目录Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数1、Hutool - 基本方法2、通过 JavaScript 引擎执行函数，可以实现部分业务逻辑的动态代码 Hutool - JavaScript 脚本引擎，像命令一样的执行 JavaScript 函数 1、Hutool - 基本方法 ScriptUtil.eval("print('Script test!');"); CompiledScript script = ScriptUtil.com
超强的封装工具-------HUTOOL 工具!!!!
daqu1314的博客
08-09 1505
hutool java封装工具 网址https://www.hutool.cn/docs/#/poi/Word%E7%94%9F%E6%88%90-Word07Writer 我在本次的博客中介绍20例子.更多的例子可以访问网站官网. 1.准备依赖 <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.vers
常用的js util函数
景色分明
06-09 1091
判断数据类型 function type(target) { let ret = typeof (target); const TYPE_MAP = { "[object Array]": "array", "[object Object]": "object", "[object Number]": "number", "[object Boolean]": "boolean", "[object String]": 'string' }; if
JavaScript工具类：util.js用法实例
猿始森林
03-04 9046
一、数据类型通用方法 _util.isEmpty() console.log(_util.isEmpty(undefined)); // true console.log(_util.isEmpty(null)); // true console.log(_util.isEmpty('')); // true console.log(_util.isEmpty([])); /...
Jackson工具类（各种转换）
热门推荐
chen_pt的博客
08-17 1万+
首先要在项目中引入jackson的jar包（在此不做说明） 下面直接上代码public class JacksonUtils { private final static ObjectMapper objectMapper = new ObjectMapper(); private JacksonUtils() { } public static ObjectMapper
java filter讲解_使用filter
weixin_28876369的博客
03-04 1256
Stream.filter()是Stream的另一个常用转换方法。所谓filter()操作，就是对一个Stream的所有元素一一进行测试，不满足条件的就被“滤掉”了，剩下的满足条件的元素就构成了一个新的Stream。例如，我们对1，2，3，4，5这个Stream调用filter()，传入的测试函数f(x) = x % 2 != 0用来判断元素是否是奇数，这样就过滤掉偶数，只剩下奇数，因此我们得到了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值