参数设置 方法调用 javascript参数如何调整，js function 参数传递与使用技巧

🚀 JavaScript参数设置与调用技巧（2025最新版）

🔧 参数基础设置

默认参数值（ES6+）

// MDN官方示例（2025-07更新）
function f([x, y] = [1, 2], { z: z } = { z: 3 }) {
  return x + y + z;
}
f(); // 6 🎯

• 技巧：用解构赋值处理对象/数组默认值，避免undefined陷阱
• ⚠️ 注意：有默认值的参数建议放在最后（影响function.length属性）

剩余参数（Rest Parameters）

// 捕获不定数量参数
function sum(a, b, ...rest) {
  return a + b + rest.reduce((acc, curr) => acc + curr, 0);
}
sum(1, 2, 3, 4); // 10 🧮

• 特性：必须放在参数列表末尾，类型为数组

💡 方法调用进阶

参数解构传递

// 直接传递对象属性（Vue/React常用）
const config = { size: 'big', coords: { x: 0, y: 0 } };
drawChart(config); 
// 等效于 drawChart({ size: 'big', coords: { x: 0, y: 0 } })

上下文绑定

// 使用call/apply传递this和参数
const user = { name: 'Alice' };
function greet(msg) { console.log(`${this.name}: ${msg}`); }
greet.call(user, 'Hello'); // Alice: Hello 👋

🚀 ES2025新特性（2025年8月最新）

Promise.try()（统一错误处理）

// CSDN案例（2025-07）
Promise.try(() => localStorage.getItem('token'))
  .then(validateToken)
  .catch(logError);

• 优势：同步/异步错误统一捕获，避免微任务延迟

集合操作方法

// Set并集/交集（2025-07更新）
const frontend = new Set(['React', 'Vue']);
const fullstack = new Set(['Vue', 'Node.js']);
frontend.intersection(fullstack); // Set {'Vue'} 🔄

JSON模块导入

// 静态导入（2025标准）
import config from './config.json' with { type: 'json' };

🌐 框架实战技巧

React参数传递（2025-08最新）

// 处理URL特殊字符（CSDN案例）
const safeTime = time.replace(/ /g, '_').replace(/:/g, '-');
<Link to={`/data?time=${safeTime}`} />

Vue环境配置

# 2025补全版路径设置
npm config set prefix "C:\software\nodejs\node_global"

⚡ 性能优化贴士

1. 减少渲染阻塞：使用async/defer加载非关键脚本
2. 批量DOM操作：用DocumentFragment减少重绘
3. Web Workers：将大数据处理移至后台线程

📅 信息来源：MDN（2025-07）、CSDN（2025-07/08）、ECMAScript官方规范（2025-08）