js实现代码缩进

使用制表符或空格缩进

在JavaScript中，可以通过插入制表符（\t）或空格（` `）实现代码缩进。例如：

function example() {
\tconsole.log("Indented with tab");
    console.log("Indented with spaces");
}

模板字符串实现多行缩进

使用模板字符串（Template literals）可以方便地保留多行文本的缩进格式：

const code = `
    function hello() {
        console.log("Hello, world!");
    }
`;

动态生成缩进字符串

通过函数动态生成指定层级的缩进：

function indent(level) {
    return '    '.repeat(level); // 4空格缩进
}

console.log(indent(2) + 'Double indented text');

CSS控制文本缩进

在HTML中展示代码时，可以使用CSS的white-space和text-indent属性：

<pre style="white-space: pre; text-indent: 2em">
    function test() {
        console.log("CSS indented");
    }
</pre>

编辑器/IDE自动缩进

大多数现代代码编辑器（如VSCode、WebStorm）提供自动缩进功能：

• 选中代码后按Tab键增加缩进
• Shift+Tab减少缩进
• 配置editor.tabSize设置缩进空格数

代码格式化工具

使用Prettier等代码格式化工具可自动处理缩进：

1. 安装Prettier：npm install --save-dev prettier
2. 创建配置文件.prettierrc：

   {
    "tabWidth": 4,
    "useTabs": false
   }

正则表达式处理缩进

通过正则表达式可以修改现有代码的缩进：

const code = 'function(){\nconsole.log();\n}';
const indented = code.replace(/^/gm, '    ');