js 10占位符

### JavaScript 中使用 10 个占位符的示例 在 JavaScript 编程中，占位符是一种常见的方式，用于替代未定义或暂时不需要使用的参数、变量或其他数据片段。以下是十种常见的占位符用法及其示例： #### 1. **箭头函数中的下划线 `_` 占位** 当某些参数无需显式使用时，可以用 `_` 表示忽略该参数[^1]。 ```javascript const array = [1, 2, 3]; array.map((_, index) => console.log(index)); ``` #### 2. **模板字符串中的 `${}` 占位** 模板字符串允许通过 `${variable}` 插入动态值[^4]。 ```javascript const name = "Alice"; console.log(`Hello, ${name}!`); ``` #### 3. **正则表达式中的捕获组 `()` 占位** 正则表达式的括号可以捕获匹配的部分，即使不使用它们也需保留占位[^5]。 ```javascript const regex = /(\w+) (\w+)/; const match = regex.exec("John Doe"); if (match) { console.log(match[1], match[2]); } ``` #### 4. **解构赋值中的省略占位** 在对象或数组解构时，可跳过部分字段而不影响其他字段解析。 ```javascript const [a, , b] = [1, 2, 3]; // 忽略第二个元素 console.log(a, b); // 输出: 1, 3 ``` #### 5. **默认参数中的占位** 设置默认值作为占位，避免因缺少实参而报错。 ```javascript function greet(name = "Guest") { return `Hello, ${name}`; } console.log(greet()); // Hello, Guest ``` #### 6. **REST 参数收集多余项** 使用 REST 参数语法 (`...args`) 收集剩余参数作为一个数组。 ```javascript function sum(...numbers) { return numbers.reduce((acc, num) => acc + num, 0); } console.log(sum(1, 2, 3)); // 输出: 6 ``` #### 7. **SPREAD 运算符展开集合** 将数组或对象扩展成独立成员传递给另一个结构。 ```javascript const arr1 = [1, 2]; const arr2 = [...arr1, 3, 4]; console.log(arr2); // 输出: [1, 2, 3, 4] ``` #### 8. **立即执行函数表达式 IIFE 的匿名占位** IIFE 不需要命名即可运行局部作用域代码块。 ```javascript (() => { const message = "This is private."; console.log(message); })(); ``` #### 9. **Promise 构造器中的 resolve/reject 替代物** 虽然 Promise 需要传入两个回调，但在简单场景下可用无操作代替其中之一。 ```javascript new Promise(resolve => setTimeout(() => resolve("Done"), 1000)) .then(result => console.log(result)); ``` #### 10. **Webpack 加载器选项插值 `{interpolate}`** 在 Webpack 配置文件中，特定加载器支持内部占位替换逻辑[^5]。 ```javascript module.exports = { module: { rules: [ { test: /\.html$/, use: { loader: 'html-loader', options: { interpolate: true } } } ] } }; ``` --- ### 总结 以上列举了多种类型的占位符应用实例，涵盖了从基础语法到高级框架配置的不同层面。每一种都有其独特的作用范围和最佳实践。