首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

JS扩展方法实例分析

Posted in Javascript onApril 15, 2015

本文实例讲述了JS扩展方法实现技巧。分享给大家供大家参考。具体分析如下：

JS扩展方法与C#的扩展方法非常相似，也是可以链式调用的，也是通过对某个类的扩展写法来实现。这个东西非常好用，如果将预先写好的方法放到一个js里面引用的话，那么后面写js将非常有趣。

下面给出一个例子：

<head>
  <title>测试JS扩展方法</title>
  <script type="text/javascript">
   // 合并多个空白为一个空白 
   String.prototype.ResetBlank = function() { //对字符串扩展
   var regEx = /\s+/g; 
   return this.replace(regEx, ' '); 
   }; 
   window.onload = function()
   {
   var str = "你  在他想还好吗?";
   alert(str);
   str = str.ResetBlank(); //这样就能够调用了，跟C#的很像吧!
   alert(str);
   }
  </script>
</head>

好像只是告诉自己有这样一个东西而已；

下面给出找到的一个非常不错的js扩展：

// 清除两边的空格 
String.prototype.trim = function() { 
  return this.replace(/(^\s*)|(\s*$)/g, ''); 
}; 
// 合并多个空白为一个空白 
String.prototype.ResetBlank = function() { 
  var regEx = /\s+/g; 
  return this.replace(regEx, ' '); 
}; 
 
// 保留数字 
String.prototype.GetNum = function() { 
  var regEx = /[^\d]/g; 
  return this.replace(regEx, ''); 
}; 
 
// 保留中文 
String.prototype.GetCN = function() { 
  var regEx = /[^\u4e00-\u9fa5\uf900-\ufa2d]/g; 
  return this.replace(regEx, ''); 
}; 
 
// String转化为Number 
String.prototype.ToInt = function() { 
  return isNaN(parseInt(this)) ? this.toString() : parseInt(this); 
}; 
 
// 得到字节长度 
String.prototype.GetLen = function() { 
  var regEx = /^[\u4e00-\u9fa5\uf900-\ufa2d]+$/; 
  if (regEx.test(this)) { 
   return this.length * 2; 
  } else { 
   var oMatches = this.match(/[\x00-\xff]/g); 
   var oLength = this.length * 2 - oMatches.length; 
   return oLength; 
  } 
}; 
 
// 获取文件全名 
String.prototype.GetFileName = function() { 
  var regEx = /^.*\/([^\/\?]*).*$/; 
  return this.replace(regEx, '$1'); 
}; 
 
// 获取文件扩展名 
String.prototype.GetExtensionName = function() { 
  var regEx = /^.*\/[^\/]*(\.[^\.\?]*).*$/; 
  return this.replace(regEx, '$1'); 
}; 
 
//替换所有
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) 
{ 
  if (!RegExp.prototype.isPrototypeOf(reallyDo)) { 
   return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi" : "g")), replaceWith); 
  } else { 
   return this.replace(reallyDo, replaceWith); 
  } 
}; 
//格式化字符串 add By 刘景宁 2010-12-09  
String.Format = function() { 
  if (arguments.length == 0) { 
   return ''; 
  } 
 
  if (arguments.length == 1) { 
   return arguments[0]; 
  } 
 
  var reg = /{(\d+)?}/g; 
  var args = arguments; 
  var result = arguments[0].replace(reg, function($0, $1) { 
   return args[parseInt($1) + 1]; 
  }); 
  return result; 
}; 
 
// 数字补零 
Number.prototype.LenWithZero = function(oCount) { 
  var strText = this.toString(); 
  while (strText.length < oCount) { 
   strText = '0' + strText; 
  } 
  return strText; 
}; 
 
// Unicode还原 
Number.prototype.ChrW = function() { 
  return String.fromCharCode(this); 
}; 
 
// 数字数组由小到大排序 
Array.prototype.Min2Max = function() { 
  var oValue; 
  for (var i = 0; i < this.length; i++) { 
   for (var j = 0; j <= i; j++) { 
   if (this[i] < this[j]) { 
    oValue = this[i]; 
    this[i] = this[j]; 
    this[j] = oValue; 
   } 
   } 
  } 
  return this; 
}; 
 
// 数字数组由大到小排序 
Array.prototype.Max2Min = function() { 
  var oValue; 
  for (var i = 0; i < this.length; i++) { 
   for (var j = 0; j <= i; j++) { 
   if (this[i] > this[j]) { 
    oValue = this[i]; 
    this[i] = this[j]; 
    this[j] = oValue; 
   } 
   } 
  } 
  return this; 
}; 
 
// 获得数字数组中最大项 
Array.prototype.GetMax = function() { 
  var oValue = 0; 
  for (var i = 0; i < this.length; i++) { 
   if (this[i] > oValue) { 
   oValue = this[i]; 
   } 
  } 
  return oValue; 
}; 
 
// 获得数字数组中最小项 
Array.prototype.GetMin = function() { 
  var oValue = 0; 
  for (var i = 0; i < this.length; i++) { 
   if (this[i] < oValue) { 
   oValue = this[i]; 
   } 
  } 
  return oValue; 
}; 
 
// 获取当前时间的中文形式 
Date.prototype.GetCNDate = function() { 
  var oDateText = ''; 
  oDateText += this.getFullYear().LenWithZero(4) + new Number(24180).ChrW(); 
  oDateText += this.getMonth().LenWithZero(2) + new Number(26376).ChrW(); 
  oDateText += this.getDate().LenWithZero(2) + new Number(26085).ChrW(); 
  oDateText += this.getHours().LenWithZero(2) + new Number(26102).ChrW(); 
  oDateText += this.getMinutes().LenWithZero(2) + new Number(20998).ChrW(); 
  oDateText += this.getSeconds().LenWithZero(2) + new Number(31186).ChrW(); 
  oDateText += new Number(32).ChrW() + new Number(32).ChrW() + new Number(26143).ChrW() + new Number(26399).ChrW() + new String('26085199682010819977222352011620845').substr(this.getDay() * 5, 5).ToInt().ChrW(); 
  return oDateText; 
}; 
//扩展Date格式化 
Date.prototype.Format = function(format) { 
  var o = { 
   "M+": this.getMonth() + 1, //月份   
   "d+": this.getDate(), //日   
   "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, //小时
   "H+": this.getHours(), //小时   
   "m+": this.getMinutes(), //分   
   "s+": this.getSeconds(), //秒   
   "q+": Math.floor((this.getMonth() + 3) / 3), //季度   
   "S": this.getMilliseconds() //毫秒   
  }; 
  var week = { 
   "0": "\u65e5", 
   "1": "\u4e00", 
   "2": "\u4e8c", 
   "3": "\u4e09", 
   "4": "\u56db", 
   "5": "\u4e94", 
   "6": "\u516d" 
  }; 
  if (/(y+)/.test(format)) { 
   format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); 
  } 
  if (/(E+)/.test(format)) { 
   format = format.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "\u661f\u671f" : "\u5468") : "") + week[this.getDay() + ""]); 
  } 
  for (var k in o) { 
   if (new RegExp("(" + k + ")").test(format)) { 
   format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); 
   } 
  } 
  return format; 
} 
Date.prototype.Diff = function(interval, objDate) { 
  //若参数不足或 objDate 不是日期类型?t回传 undefined 
  if (arguments.length < 2 || objDate.constructor != Date) { return undefined; } 
  switch (interval) { 
   //计算秒差             
   case 's': return parseInt((objDate - this) / 1000); 
   //计算分差 
   case 'n': return parseInt((objDate - this) / 60000); 
   //计算?r差 
   case 'h': return parseInt((objDate - this) / 3600000); 
   //计算日差 
   case 'd': return parseInt((objDate - this) / 86400000); 
   //计算周差 
   case 'w': return parseInt((objDate - this) / (86400000 * 7)); 
   //计算月差 
   case 'm': return (objDate.getMonth() + 1) + ((objDate.getFullYear() - this.getFullYear()) * 12) - (this.getMonth() + 1); 
   //计算年差 
   case 'y': return objDate.getFullYear() - this.getFullYear(); 
   //输入有误 
   default: return undefined; 
  } 
}; 
 
//检测是否为空 
Object.prototype.IsNullOrEmpty = function() { 
var obj = this; 
var flag = false; 
if (obj == null || obj == undefined || typeof (obj) == 'undefined' || obj == '') { 
   flag = true; 
} else if (typeof (obj) == 'string') { 
   obj = obj.trim(); 
   if (obj == '') {//为空 
   flag = true; 
   } else {//不为空 
   obj = obj.toUpperCase(); 
   if (obj == 'NULL' || obj == 'UNDEFINED' || obj == '{}') { 
    flag = true; 
   } 
   } 
} 
else { 
   flag = false; 
} 
return flag;

希望本文所述对大家的javascript程序设计有所帮助。

JS扩展方法实例分析

- Author -

乐乐010

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 Javascript
12个非常有创意的JavaScript小游戏
Mar 18 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
讲解vue-router之什么是编程式路由
May 28 Javascript
vue实现文字加密功能
Sep 27 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 #Javascript
JQuery radio（单选按钮）操作方法汇总
Apr 15 #Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 #Javascript
JQuery控制radio选中和不选中方法总结
Apr 15 #Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 #Javascript
JQuery判断radio（单选框）是否选中和获取选中值方法总结
Apr 15 #Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 #Javascript
天线(6) 电路图(1) SW(1) 电磁辐射(1) FM(4) 发报机(1) 电台(1) LW(1) 短波(1) 调幅(1)
You might like
PHP 模板高级篇总结
2006/12/21 PHP
PHP 之 写时复制介绍（Copy On Write）
2014/05/13 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
js判断某个方法是否存在实例代码
2015/01/10 Javascript
JavaScript的兼容性与调试技巧
2016/11/22 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
2016/12/08 Javascript
JS实现的点击表头排序功能示例
2017/03/27 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
webpack4.x CommonJS模块化浅析
2018/11/09 Javascript
详解Vue源码学习之双向绑定
2019/04/10 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
vue实现分页加载效果
2019/12/24 Javascript
vue如何实现动态加载脚本
2020/02/05 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
基于Python中numpy数组的合并实例讲解
2018/04/04 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
Python collections模块使用方法详解
2019/08/28 Python
Python关于反射的实例代码分享
2020/02/20 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
乌克兰的第一家手表店：Deka
2020/03/05 全球购物
Linux中如何用命令创建目录
2015/01/12 面试题
农贸市场管理制度
2014/01/31 职场文书
沈阳故宫导游词
2015/01/31 职场文书
Pygame Rect区域位置的使用(图文)
2021/11/17 Python
Python自动化实战之接口请求的实现
2022/05/30 Python