在编写 JavaScript 代码时，我们经常需要处理变量的默认值和属性的默认值。在ES2017中，引入了Default Values & Properties的概念，可以更好地组织和管理JavaScript代码。本文将介绍ES2017中Default Values & Properties的使用技巧和实例，帮助你更好地组织JavaScript代码。
Default Values
在ES2017中，我们可以使用Default Values来为函数参数和对象属性设置默认值。
函数参数的默认值
在ES2017之前，我们通常使用以下方式为函数参数设置默认值：
function foo(a, b) {
a = a || 'defaultA';
b = b || 'defaultB';
// ...
}但是这种方式存在一些问题，例如当a的值为0或false时，就会被当做false处理，而不是使用默认值。而使用ES2017的Default Values，可以更好地解决这个问题：
function foo(a = 'defaultA', b = 'defaultB') {
// ...
}这样，如果a或b的值为undefined，则会使用默认值。
对象属性的默认值
在ES2017中，我们也可以为对象属性设置默认值，例如：
const obj = {
a: 1,
b: 2,
c: 3,
d: 4
};
const {a = 0, b = 0, ...rest} = obj;这样，如果obj中没有a或b属性，则会使用默认值0。
Properties
在ES2017中，我们还可以使用Properties来更好地组织JavaScript代码。
Object Initializer
在ES2017之前，我们通常使用以下方式为对象设置属性：
const obj = {
a: 1,
b: 2
};但是当属性名和属性值相同时，我们需要使用以下方式：
const obj = {
a: a,
b: b
};这种方式比较繁琐，而使用ES2017的Properties，可以更好地解决这个问题：
const obj = {
a,
b
};这样，当属性名和属性值相同时，可以直接使用属性名。
Computed Property Names
在ES2017中，我们还可以使用Computed Property Names来动态设置属性名。例如：
const key = 'hello';
const obj = {
[key]: 'world'
};这样，属性名为hello，属性值为world。
示例代码
下面是一个使用ES2017的Default Values & Properties的示例代码：
-- -------------------- ---- ------- -------- ------ - ----------- - - ----------- -------- - --- - -------------- -- ------ - ----- --- - - -- -- -- -- -- -- -- - -- ----- -- - -- - - -- -------- - ---- ----- --- - -------- ----- ---- - - ------ ------- -- ------ -- -------- -------- -- ------- ------ -- --- -------- -- -------------- -- ------ -- - - - -- -- -- - - ------------------ -- - ------ ------- -
总结
ES2017的Default Values & Properties可以更好地组织和管理JavaScript代码。使用Default Values可以更好地处理默认值，使用Properties可以更好地设置属性名和属性值。希望本文能够帮助你更好地使用ES2017的Default Values & Properties。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fd47e0d10417a2228a06d9