函数参数的解构

clipboard.png

图片引用阮一峰es6教程es6

对图片中例子的理解:函数

function move( {x=0,y=0}={} ) {return[x,y];}

上面代码 {x=0,y=0}={}表示对象的解构赋值,而且解构赋值的默认值为x=0,y=0;spa

等号右边的空对象{}表示解构赋值中的值,等号左边的{x=0,y=0}表示解构赋值中的变量。可是因为值为空对象,至关于里面为undefined,因此若是只有{x=0,y=0}={}的话,赋值的结果是x=0,y=0的。code

可是因为函数能够传参数,因此move( {x:3,y:8} ),就至关于在function里面这样的表示:对象

{x=0,y=0} = {x:3,y:8}

对象的解构赋值右边对象有值了,再也不是空对象了,也就是说对象里面再也不是undefined了,那么解构赋值中就不能使用默认值x=0,y=0了,因此赋值的结果是x=3,y=8.教程

move( {x:3,y:8} )中咱们称{x:3,y:8}为参数,而称move的定义函数图片

function move( {x=0,y=0}={} ) {return[x,y];}

中等号右边的空对象为参数赋值的默认值,也就是说{}是move函数参数的默认值,若是move函数不传参,那么对象解构的时候是按照{x=0,y=0}={}来解构的。若是函数传参obj,则按照{x=0,y=0}=obj来解构。ip

补充一点,function move( {x=0,y=0}={} ) {return[x,y];}里面,
{x=0,y=0}={} ={}不能去掉,由于{x=0,y=0}是一个对象,若是使用move函数的时候不传参,即move(),那么就意味着{x=0,y=0} = undefined了,这样就会报错。也就是函数参数的默认值不能省略。it

这篇文章的目的是为了区分 解构赋值默认值{x=0,y=0} 和 参数默认值的不一样。io

相关文章
相关标签/搜索