15个非常实用的JavaScript代码片段

当涉及到在网站上添加或改善交互时，JavaScript 是一个非常有价值的语言。但是，编写大量代码段时，有时候容易感到身体力行的疲惫。 在这里我分享了 15 个实用的 JavaScript 代码段，这些代码段可以帮助你加快开发速度，并优化你的代码。下面我将逐一讲解这些片段的攻略。

1. 将数字转换成货币格式

在金融领域的网站中，通常需要将某个数字转换成货币格式。 这个函数将一个数值转换为人民币的格式，并用逗号隔开。例如：

function formatMoney(n, c, d, t) {
  var c = isNaN(c = Math.abs(c)) ? 2 : c,
  d = d == undefined ? "." : d,
  t = t == undefined ? "," : t,
  s = n < 0 ? "-" : "",
  i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "",
  j = (j = i.length) > 3 ? j % 3 : 0;
  return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
 }

formatMoney(1234567.09)  // 返回 “1,234,567.09”

2. 获取URL参数

从 URL 中提取参数非常有用。下面这个函数使用正则表达式从 URL 中提取参数：

function getUrlParameter(name) {
  name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
  var results = regex.exec(location.search);
  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}

//假设 URL 为 http://example.com?id=12345&sort=name
//下面的代码将返回“12345”
var id = getUrlParameter('id');

另外，你还可以使用简单的 ES6 代码来获得当前 URL 的参数：

const urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.get('id'));

实际代码中，通过 ES6 语法会更清晰地提取 URL 参数。

除此之外，剩下的代码段的攻略，可以查看我的个人博客进行查看学习。