在JavaScript中，函數(shù)的參數(shù)設(shè)置默認值是非常常見的操作。ES5和ES6兩種標(biāo)準(zhǔn)都允許我們?yōu)楹瘮?shù)參數(shù)設(shè)置默認值，但是它們的實現(xiàn)方式略有不同。ES5中的默認值設(shè)置在ES5中，我們可以使用邏輯或運算

在JavaScript中，函數(shù)的參數(shù)設(shè)置默認值是非常常見的操作。ES5和ES6兩種標(biāo)準(zhǔn)都允許我們?yōu)楹瘮?shù)參數(shù)設(shè)置默認值，但是它們的實現(xiàn)方式略有不同。

ES5中的默認值設(shè)置

在ES5中，我們可以使用邏輯或運算符（||）來設(shè)置函數(shù)參數(shù)的默認值。下面通過一個實例來演示這種設(shè)置方式：

第一步，新建一個JavaScript文件，使用ES5標(biāo)準(zhǔn)定義一個名為`queryColor`的函數(shù)，該函數(shù)接受兩個參數(shù)`color`和`type`。

```javascript

function queryColor(color, type) {

color color || 'red';

type type || 'bright';

console.log('Color:', color);

console.log('Type:', type);

}

```

第二步，定義一個變量c，并調(diào)用函數(shù)`queryColor`，但不傳入任何參數(shù)。

```javascript

var c;

queryColor(c);

```

第三步，將已編寫好的JavaScript代碼引入到頁面中，并保存查看效果。此時我們可以看到控制臺打印出了函數(shù)參數(shù)的默認值。

第四步，打開瀏覽器查看效果，我們可以根據(jù)實際需求自行定義打印結(jié)果。

ES6中的默認值設(shè)置

ES6中為函數(shù)參數(shù)設(shè)置默認值更加簡潔直觀。我們可以直接在函數(shù)參數(shù)的小括號中指定默認值。以下是一個使用ES6標(biāo)準(zhǔn)定義的函數(shù)`saveData`的示例：

第五步，使用ES6標(biāo)準(zhǔn)定義函數(shù)`saveData`，該函數(shù)接受兩個參數(shù)`date`和`type`，并在小括號中直接設(shè)置默認值。

```javascript

function saveData(date new Date(), type 'text') {

console.log('Date:', date);

console.log('Type:', type);

}

```

第六步，再次保存代碼并打開控制臺查看結(jié)果。我們可以看到展示了日期和日期類型。

總結(jié)

在JavaScript中，ES5和ES6兩種標(biāo)準(zhǔn)都提供了設(shè)置函數(shù)參數(shù)默認值的方式。在ES5中，我們使用邏輯或運算符（||）來設(shè)置默認值，而在ES6中，我們可以直接在小括號中設(shè)置默認值。無論是哪種方式，都可以根據(jù)實際需求來靈活使用。