ES6-变量的结构赋值-函数参数
2017-10-26 10:33
337 查看
函数参数的解构赋值
undefined会触发函数参数的默认值。
function add([x,y]) { return x + y; } add([1,2]);//3在上面代码中,函数add的参数表明是一个数组,但在传入参数的那一刻,数组参数就被解构成变量 x 和 y 。
[[1, 2], [3, 4]].map(([a, b]) => a + b);//[3,7]函数参数的解构也可以使用默认值。
function move({x = 0, y = 0} = {}) { return [x, y]; } move({x: 3, y: 8}); // [3, 8] move({x: 3}); // [3, 0] move({}); // [0, 0] move(); // [0, 0]上面代码中,函数move的参数是一个对象,通过对这个对象进行解构,得到变量 x 和 y 的值,如果解构失败,x 和 y 的值等于默认值。
function move({x, y} = { x: 0, y: 0 }) { return [x, y]; } move({x: 3, y: 8}); // [3, 8] move({x: 3}); // [3, undefined] move({}); // [undefined, undefined] move(); // [0, 0]上面代码是为函数 move 的参数指定默认值,而不是为 x 和 y 指定默认值,所以才会得到与前一种写法不同的结果。
undefined会触发函数参数的默认值。
[1, undefined, 3].map((x = 'yes') => x);// [ 1, 'yes', 3 ]
相关文章推荐
- 【es6】【变量的解构赋值】【字符串,数值和布尔值解构】【函数参数的解构赋值】【用途】
- ES6-变量的结构赋值-数组
- 结构体变量、结构指针变量、结构数组作为函数的参数应用实例分析
- CH6-1 结构赋值 做函数参数 做函数返回值
- C语言学习笔记【结构体02】结构体指针变量与结构体变量的函数参数
- 第2章 重新组织函数(3):引入解释性变量、分解临时变量和移除对参数的赋值
- ES6-变量的结构赋值-对象
- 11、ES6 函数参数的解构赋值
- ES6-变量的结构赋值-字符串
- ES6中变量的结构赋值作用
- Python的变量赋值及函数参数传递规则
- JS ES6的变量的结构赋值
- ES6-变量的结构赋值-数值和布尔值
- 结构体变量、结构指针变量、结构数组作为函数的参数应用实例分析
- ES6-变量的结构赋值-汇总
- [ES6] 变量的结构赋值
- ES6变量的结构赋值
- 结构体变量、结构指针变量、结构数组作为函数的参数应用实例分析 .
- ES6——Day3(字符串的解构赋值+函数参数解构赋值)
- 结构体变量、结构指针变量、结构数组作为函数的参数应用实例分析