前端代码小技巧

在日常工作中，我们经常会遇到需要处理一些细节功能的情况，这些功能虽小，但掌握一些巧妙的处理方法可以极大地提高工作效率。以下是几个实用的小技巧，它们可以帮助我们更好地完成任务。

实现一个基本的数字加密和解密算法

我们可以通过对数字进行简单的算术操作来实现加密和解密。例如，我们可以将每个数字增加一个固定的值来加密，然后通过减去相同的值来解密。需要注意的是，当数字超出常规范围时，应该循环回到合法范围内。

JavaScript代码示例：

function encryptNumber(num, offset = 3) {
  return (num + offset) % 10;
}

function decryptNumber(num, offset = 3) {
  return (num - offset + 10) % 10;
}

encryptNumber(7);  // 结果为 0
decryptNumber(0);  // 结果为 7

下划线命名与驼峰命名互转

通过使用正则表达式，我们可以轻松地在下划线命名和驼峰命名之间转换。这对于处理不同编码风格的代码库非常有用。

JavaScript代码示例：

function underscoreToCamel(str) {
  return str.replace(/(_\w)/g, (match) => match[1].toUpperCase());
}

function camelToUnderscore(str) {
  return str.replace(/([A-Z])/g, '_$1').toLowerCase();
}

underscoreToCamel('example_function_name');  // 'exampleFunctionName'
camelToUnderscore('exampleFunctionName');    // 'example_function_name'

为数字添加逗号作为千位分隔符

这是一个常见的需求，通过正则表达式，我们可以在适当的位置插入逗号来格式化数字。

JavaScript代码示例：

function formatNumberWithCommas(num) {
  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

formatNumberWithCommas(123456789);  // '123,456,789'

获取当前函数的名称

在调试或日志记录时，知道当前执行的函数名称可以非常有用。我们可以通过分析错误堆栈来实现这一功能。

JavaScript代码示例：

function getCurrentFunctionName() {
  let stack = new Error().stack;
  let name = stack.split('\n')[2].trim().split(' ')[1];
  return name;
}

function testFunction() {
  console.log(getCurrentFunctionName());  // 输出 'testFunction'
}
testFunction();

通过这些小技巧，我们可以更加高效地处理日常工作中的各种小问题，提高工作效率和代码质量。