js参数的获取方法

在JavaScript编程中，获取参数是一项常见且重要的操作。无论是从URL中获取查询参数，还是在函数调用中获取传递的参数，掌握正确的方法都至关重要。下面将介绍几种常见的js参数获取方法。

一、获取URL查询参数

当我们需要从URL中获取查询参数时，可以使用以下方法。例如，对于URL：https://example.com?name=John&age=30，我们想要获取name和age的值。

一种简单的方法是使用URLSearchParams对象。示例代码如下：

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

这段代码首先创建了一个URLSearchParams对象，然后通过get方法获取指定参数的值。

二、函数参数的获取

在JavaScript函数中，参数是通过函数定义时的形参来接收的。例如：

function addNumbers(num1, num2) {
  return num1 + num2;
}
const result = addNumbers(5, 3);
console.log(result);

在这个例子中，num1和num2是形参，当调用addNumbers函数时，传递的5和3就是实参，函数内部可以直接使用这些参数进行计算。

如果不确定传递的参数个数，可以使用arguments对象。例如：

function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}
const sumResult = sum(1, 2, 3, 4);
console.log(sumResult);

三、从表单获取参数

当用户在表单中输入数据并提交时，我们可以通过JavaScript获取表单元素的值。例如：

<form id="myForm">
  <input type="text" id="username" />
  <input type="submit" value="Submit" />
</form>

const form = document.getElementById('myForm');
form.addEventListener('submit', function (e) {
  e.preventDefault();
  const username = document.getElementById('username').value;
  console.log(username);
});

通过上述方法，我们可以在不同场景下准确获取js中的参数，从而实现更丰富的功能。