如何使用JavaScript方法給函數(shù)的參數(shù)添加默認值
在JavaScript中的方法中,特別是新標準ES6中,可以給函數(shù)中的參數(shù)添加默認值,這些參數(shù)可以傳值,也可以不傳值,傳值是直接被覆蓋,不傳是undefined。下面利用實例說明,操作如下: 第一步:
在JavaScript中的方法中,特別是新標準ES6中,可以給函數(shù)中的參數(shù)添加默認值,這些參數(shù)可以傳值,也可以不傳值,傳值是直接被覆蓋,不傳是undefined。下面利用實例說明,操作如下:
第一步:創(chuàng)建函數(shù)并設置默認參數(shù)值
首先,在HBuilderX工具中新建一個JavaScript文件,并定義一個名為`searchUser`的函數(shù),該函數(shù)接收三個參數(shù),其中第三個參數(shù)設置默認值為100,代碼示例如下:
```javascript
function searchUser(name, age, limit 100) {
console.log(`Name: ${name}, Age: ${age}, Limit: ${limit}`);
}
```
第二步:調用函數(shù)并查看結果
接著,在函數(shù)定義下方調用`searchUser`函數(shù),傳入為空的參數(shù),然后查看打印結果,代碼示例如下:
```javascript
searchUser("Alice", 25);
```
第三步:引入到HTML頁面中
由于HBuilderX工具無法直接運行JS文件,需要將其引入到HTML5頁面中,示例如下:
```html
```
第四步:頁面初始化時調用函數(shù)
為了在頁面初始化時調用`searchUser`函數(shù),可以將其放在``函數(shù)中,示例如下:
```javascript
function() {
searchUser("Bob", 30);
};
```
第五步:保存并查看結果
保存代碼并直接運行靜態(tài)HTML頁面,在瀏覽器控制臺查看打印結果,示例如下:
```javascript
// Console Output:
// Name: Alice, Age: 25, Limit: 100
// Name: Bob, Age: 30, Limit: 100
```
第六步:多次調用函數(shù)并觀察結果
進一步嘗試多次調用`searchUser`函數(shù),分別傳入一個參數(shù)、兩個參數(shù)和三個參數(shù),觀察打印結果,示例如下:
```javascript
searchUser("Charlie");
searchUser("David", 40);
searchUser("Eve", 35, 200);
```
通過以上步驟,我們成功展示了如何在JavaScript函數(shù)中為參數(shù)設置默認值,并靈活地應用于實際開發(fā)中。讓我們深入理解這一特性,提升代碼的可讀性和可維護性。