`

js之封装

阅读更多

 一,工具类封装   

    通过对常用功能的封装,达到代码的复用。下面主要介绍如何封装一些基本的工具方法。

#js封装
(function($) {

	/** 参数验证判断工具 类*/
	$.paramUtil = {
		// 判断对象是否为null或undefined
		isNull : function(value) {
			if (undefined == value || null == value) {
				return true;
			}
			return false;
		},

		// 判断字符串是否为null,undefined,""," "
		isEmpty : function(value) {
			if ($.paramUtil.isNull(value) || $.trim(value) == "") {
				return true;
			}
			return false;
		},

		// 判断邮箱格式是否合法
		isEmail : function(value) {
			if ($.paramUtil.isEmpty(value)) {
				return false;
			}
			var reg = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
			return reg.test(text);
		},

		// 判断手机号是否合法
		isPhone : function(value) {
			if ($.paramUtil.isEmpty(value)) {
				return false;
			}
			// 共11位
			var reg = /^1[34578]\d{9}$/;
			return reg.test(text);
		},

		// 判断是否包含中文
		isChinese : function(value) {
			if ($.paramUtil.isEmpty(value)) {
				return false;
			}
			var reg = /[^\u0000-\u00FF]/;
			return reg.test(text);
		}
	}

	/** 本地数据存储工具类 */
	$.localStorage = {
		// 获取本地存储
		getItem : function(key) {
			return window.localStorage.getItem(key);
		},

		// 设置本地存储键值对
		setItem : function(key, value) {
			window.localStorage.setItem(key, value);
		},

		// 获取json对象
		getJsonObj : function(key) {
			var valueJson = $.localStorage.getItem(key);
			if ($.paramUtil.isNull(valueJson) || $.trim(valueJson) == "") {
				return null;
			}
			return $.parseJSON(valueJson);
		},

		// 存储json对象
		setJsonObj : function(key, value) {
			if ($.paramUtil.isNull(key) || $.paramUtil.isNull(value)) {
				return;
			}
			var valueJson = JSON.stringify(value);
			$.localStorage.setItem(key, valueJson);
		},

		// 获取json对象中的值
		getJsonObjItem : function(key1, key2) {
			var jsonObj = $.localStorage.getJsonObj(key1);
			if ($.paramUtil.isNull(jsonObj)) {
				return null;
			}
			return jsonObj[key2];
		},

		// 存储json对象中的值
		setJsonObjItem : function(key1, key2, value) {
			if ($.paramUtil.isNull(key1) || $.paramUtil.isNull(key2)
					|| $.paramUtil.isNull(value)) {
				return;
			}
			var jsonObj = $.localStorage.getJsonObj(key1);
			if ($.paramUtil.isNull(jsonObj)) {
				jsonObj = {};
			}
			jsonObj[key2] = value;
			$.localStorage.setJsonObj(key1, jsonObj);
		}

	}

})(jQuery);

 

二,工具类使用

#需要先引入jquery.js文件
$.localStorage.setJsonObjItem('ssj.money.config','name','张三');

 

分享到:
评论

相关推荐

    国内外javascript经典封装

    通过学习和运用这些经典的JavaScript封装技术,开发者不仅能提升代码质量,还能跟上技术发展趋势,确保项目在未来的可扩展性和兼容性。同时,理解并熟练掌握封装原则,也是成为一名优秀JavaScript开发者的重要一步。

    sqlite js封装的api

    uniapp sqlite js封装的api

    国内外 JavaScript 经典封装

    "国内外 JavaScript 经典封装" 涵盖了JavaScript编程中的各种高效、实用的代码封装技巧和库,这些技巧和库大大提高了开发效率,简化了复杂任务的处理。下面,我们将深入探讨这些经典封装所涉及的知识点。 1. **面向...

    JS的DLL封装及调用

    总结来说,"JS的DLL封装及调用"是一个高级的开发技巧,它结合了JavaScript的灵活性和.NET Framework的强大功能,旨在提高代码的安全性、重用性和性能。在实际应用中,应根据项目需求和团队技术栈来决定是否采用这种...

    js 手动封装的各种效果

    "js 手动封装的各种效果"这个主题涵盖了如何使用纯JavaScript编写各种功能模块,这些模块可以被重复利用,而不需要依赖额外的库或框架。让我们深入探讨一下其中可能包含的知识点: 1. **函数封装**:在JavaScript中...

    常用js方法封装

    "常用js方法封装"的主题聚焦于将常见的JavaScript功能整理成可重用的模块,以提高代码的复用性和维护性。"do.1.21.js"文件很可能就是这种封装的实现,使用了JSDuck工具来生成相关的文档,帮助开发者理解和使用这些...

    Javascript经典封装代码

    JavaScript,作为全球最广泛使用的编程语言之一,是构建动态网页和交互式应用的关键技术。"JavaScript经典封装代码"集合了开发者们在实践中总结出的一些高效、实用的代码片段,旨在提高开发效率,优化代码结构,增强...

    封装JavaScript常用类库.rar

    在JavaScript编程中,封装是一种重要的面向对象编程原则,它允许我们隐藏实现细节,提供更简洁、安全的接口供外部代码使用。"封装JavaScript常用类库.rar"是一个压缩包,其中包含了一个或多个文本文件,很可能是为了...

    javascript 消息提示封装文件

    在JavaScript编程中,消息提示是用户交互的重要组成部分,它能够为用户提供实时反馈,告知操作结果或系统状态。本文将深入探讨“javascript ...理解和掌握这种封装方式对于任何JavaScript开发者都是必要的技能之一。

    js分页控件--js封装的分页控件

    自己写的一个js分页控件.已经封装,可以直接使用. 适合各种用途的分页控制. 如果界面不够美观,只需要修改css即可.

    javascript 经典封装

    在这个压缩包中,包含了10个相关的RAR子文件,可能是关于JavaScript封装技术的不同示例或者教程。 1. **对象封装**:在JavaScript中,对象可以用来封装数据和功能。通过创建具有属性和方法的对象,我们可以更好地...

    焦点图封装(js封装类,javascript,焦点图,图片切换)

    焦点图封装(js封装类,javascript,焦点图,图片切换)

    JavaScript学习笔记_js常用函数封装_js包.zip

    本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...

    js-xlsx二次简单封装工具

    **js-xlsx二次封装工具详解** 在Web应用中,数据导入导出是常见的需求,特别是Excel格式的数据交换,因其灵活性和广泛支持而受到青睐。SheetJS的js-xlsx库是JavaScript处理Excel文件的一个强大工具,它允许我们读取...

    js Map对象封装

    js Map对象封装 和 java 的使用方法一样.

    javascript div弹出窗口 可封装为JS类

    在本案例中,"可封装为JS类"意味着开发者创建了一个可复用的JavaScript对象,该对象可以方便地管理和控制这些弹出窗口。 首先,让我们了解`div`元素。在HTML中,`<div>`是“division”(分隔)的缩写,是一个通用的...

    javascript经典封装,以及实现的图片效果

    - 封装是面向对象编程的基本原则之一,它将数据和操作数据的方法捆绑在一起,保护内部数据不被外部直接访问,只通过特定接口与外界交互。这可以避免数据被错误地修改,提高代码的安全性。 - 使用封装可以提高代码...

    JS封装动态树

    在本项目中,"JS封装动态树"指的是利用JavaScript来创建一个可以动态展示多级树状结构的功能。这样的功能在很多场景下都非常实用,例如组织结构展示、文件目录浏览、导航菜单等。 在实现3级树功能时,我们需要考虑...

    一个不错的js封装类

    3. **DOM操作**:JavaScript 常用于与HTML文档交互,`Common.js`可能封装了一些DOM操作,如选择元素(`getElementById`, `getElementsByClassName`等)、添加或删除类(`addClass`, `removeClass`)以及事件处理(`...

    javascript中如何实现封装,继承和多态

    javascript中如何实现封装,继承和多态

Global site tag (gtag.js) - Google Analytics