Example analysis of the JS extended method

  • 2020-05-30 19:21:55
  • OfStack

This article provides an example of how to implement the JS extension method. Share with you for your reference. The specific analysis is as follows:

The JS extension method is very similar to the C# extension method, and can be chain-called by writing an extension to a class. This is very handy, and it would be interesting to write js later if you were to refer to a prewritten method in an js.

Here is an example:


<head>
  <title> test JS Extension methods </title>
  <script type="text/javascript">
   //  Merge multiple whitespace as 1 A blank  
   String.prototype.ResetBlank = function() { // Extending a string 
   var regEx = /\s+/g; 
   return this.replace(regEx, ' '); 
   }; 
   window.onload = function()
   {
   var str = " you    Is he ok after he thinks ?";
   alert(str);
   str = str.ResetBlank(); // So I'm going to be able to call alpha and beta C# Very like !
   alert(str);
   }
  </script>
</head>

It's like telling yourself you have one of these things;

Here's a great js extension to find:


//  Clear the Spaces on both sides  
String.prototype.trim = function() { 
  return this.replace(/(^\s*)|(\s*$)/g, ''); 
}; 
//  Merge multiple whitespace as 1 A blank  
String.prototype.ResetBlank = function() { 
  var regEx = /\s+/g; 
  return this.replace(regEx, ' '); 
}; 
 
//  Keep digital  
String.prototype.GetNum = function() { 
  var regEx = /[^\d]/g; 
  return this.replace(regEx, ''); 
}; 
 
//  Keep Chinese  
String.prototype.GetCN = function() { 
  var regEx = /[^\u4e00-\u9fa5\uf900-\ufa2d]/g; 
  return this.replace(regEx, ''); 
}; 
 
// String into Number 
String.prototype.ToInt = function() { 
  return isNaN(parseInt(this)) ? this.toString() : parseInt(this); 
}; 
 
//  You get the length of bytes  
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; 
  } 
}; 
 
//  Get the full name of the file  
String.prototype.GetFileName = function() { 
  var regEx = /^.*\/([^\/\?]*).*$/; 
  return this.replace(regEx, '$1'); 
}; 
 
//  Gets the file extension  
String.prototype.GetExtensionName = function() { 
  var regEx = /^.*\/[^\/]*(\.[^\.\?]*).*$/; 
  return this.replace(regEx, '$1'); 
}; 
 
// Replace all 
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); 
  } 
}; 
// Formatted string  add By  Jing-ning liu  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; 
}; 
 
//  Digital zero padding  
Number.prototype.LenWithZero = function(oCount) { 
  var strText = this.toString(); 
  while (strText.length < oCount) { 
   strText = '0' + strText; 
  } 
  return strText; 
}; 
 
// Unicode reduction  
Number.prototype.ChrW = function() { 
  return String.fromCharCode(this); 
}; 
 
//  Arrays of Numbers are sorted from small to large  
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; 
}; 
 
//  Arrays of Numbers are sorted from large to small  
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; 
}; 
 
//  Gets the largest item in an array of Numbers  
Array.prototype.GetMax = function() { 
  var oValue = 0; 
  for (var i = 0; i < this.length; i++) { 
   if (this[i] > oValue) { 
   oValue = this[i]; 
   } 
  } 
  return oValue; 
}; 
 
//  Gets the smallest item in an array of Numbers  
Array.prototype.GetMin = function() { 
  var oValue = 0; 
  for (var i = 0; i < this.length; i++) { 
   if (this[i] < oValue) { 
   oValue = this[i]; 
   } 
  } 
  return oValue; 
}; 
 
//  Gets the Chinese version of the current time  
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; 
}; 
// extension Date formatting  
Date.prototype.Format = function(format) { 
  var o = { 
   "M+": this.getMonth() + 1, // in    
   "d+": this.getDate(), // day    
   "h+": this.getHours() % 12 == 0 ? 12 : this.getHours() % 12, // hours 
   "H+": this.getHours(), // hours    
   "m+": this.getMinutes(), // points    
   "s+": this.getSeconds(), // seconds    
   "q+": Math.floor((this.getMonth() + 3) / 3), // quarter    
   "S": this.getMilliseconds() // ms    
  }; 
  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) { 
  // If the parameter is insufficient or  objDate  Not a date type  undefined 
  if (arguments.length < 2 || objDate.constructor != Date) { return undefined; } 
  switch (interval) { 
   // Estimated seconds,              
   case 's': return parseInt((objDate - this) / 1000); 
   // Calculate the gap  
   case 'n': return parseInt((objDate - this) / 60000); 
   // Poor computing �  
   case 'h': return parseInt((objDate - this) / 3600000); 
   // Poor calculation,  
   case 'd': return parseInt((objDate - this) / 86400000); 
   // Estimated weeks,  
   case 'w': return parseInt((objDate - this) / (86400000 * 7)); 
   // Calculate month less  
   case 'm': return (objDate.getMonth() + 1) + ((objDate.getFullYear() - this.getFullYear()) * 12) - (this.getMonth() + 1); 
   // Calculation in poor  
   case 'y': return objDate.getFullYear() - this.getFullYear(); 
   // Input is wrong  
   default: return undefined; 
  } 
}; 
 
// Check if it is empty  
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 == '') {// Is empty  
   flag = true; 
   } else {// Don't empty  
   obj = obj.toUpperCase(); 
   if (obj == 'NULL' || obj == 'UNDEFINED' || obj == '{}') { 
    flag = true; 
   } 
   } 
} 
else { 
   flag = false; 
} 
return flag;

I hope this article is helpful for you to design javascript program.


Related articles: