如何使用JavaScript方法给函数的参数添加默认值

在JavaScript中的方法中，特别是新标准ES6中，可以给函数中的参数添加默认值，这些参数可以传值，也可以不传值，传值是直接被覆盖，不传是undefined。下面利用实例说明，操作如下：

第一步：创建函数并设置默认参数值

首先，在HBuilderX工具中新建一个JavaScript文件，并定义一个名为`searchUser`的函数，该函数接收三个参数，其中第三个参数设置默认值为100，代码示例如下：

```javascript

function searchUser(name, age, limit 100) {

console.log(`Name: ${name}, Age: ${age}, Limit: ${limit}`);

}

```

第二步：调用函数并查看结果

接着，在函数定义下方调用`searchUser`函数，传入为空的参数，然后查看打印结果，代码示例如下：

```javascript

searchUser("Alice", 25);

```

第三步：引入到HTML页面中

由于HBuilderX工具无法直接运行JS文件，需要将其引入到HTML5页面中，示例如下：

```html

```

第四步：页面初始化时调用函数

为了在页面初始化时调用`searchUser`函数，可以将其放在``函数中，示例如下：

```javascript

function() {

searchUser("Bob", 30);

};

```

第五步：保存并查看结果

保存代码并直接运行静态HTML页面，在浏览器控制台查看打印结果，示例如下：

```javascript

// Console Output:

// Name: Alice, Age: 25, Limit: 100

// Name: Bob, Age: 30, Limit: 100

```

第六步：多次调用函数并观察结果

进一步尝试多次调用`searchUser`函数，分别传入一个参数、两个参数和三个参数，观察打印结果，示例如下：

```javascript

searchUser("Charlie");

searchUser("David", 40);

searchUser("Eve", 35, 200);

```

通过以上步骤，我们成功展示了如何在JavaScript函数中为参数设置默认值，并灵活地应用于实际开发中。让我们深入理解这一特性，提升代码的可读性和可维护性。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。