ES6函数参数结构理解问题?

问题描述

问 题

2次带入的数据都一样,为什么第一次是给参数指定默认值,而第二次是给变量指定默认值,没有理解过来,求大神给解释一下!!!

解决方案

解析结构其实是一个写法更简化的语法糖。

{x, y} = { x: 10, y: 20 }

这个解析结构的写法中，左侧是变量，而右侧是一个完整的对象。目的是从对象中获取对应属性的值，他等同于

var foo = { x: 10, y: 20 }
var x = foo.x;
var y = foo.y;

因此封装的第一个方法中，{ x = 0, y = 0 } = {} ，这个写法是试图从一个空的对象中获取x,y的值，但是自然是获取不到的，因为空对象中什么属性都没有。所以这个时候x, y的值都是通过x = 0, y =0得到的默认值。

因此当你的参数为有x,y值的对象时，函数内的x,y变量就会得到对应的值，如果没有，就会得到默认值。

而第二方法，{x, y} = { x: 0, y: 0 }这种方式，传递进入函数的x, y值是没有默认值的。因此一旦有参数传递进来，x, y都会从传进来的参数中获取值，如果获取不到，自然就是undefined，

只有在没有传递参数的时候，那么传进来的参数会默认为{ x: 0, y: 0 }，所以函数内的x, y会获取到为0的值。

这篇关于ES6函数参数结构理解问题?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！