当前位置:首页>开发>正文

js解构赋值中,()与{}有什么区别 es6 解构赋值.三个点是什么意思

2023-05-08 05:12:51 互联网 未知 开发

 js解构赋值中,()与{}有什么区别 es6 解构赋值.三个点是什么意思

js解构赋值中,()与{}有什么区别

简单理解:解构赋值的意思是对应的位置,对应的 key 自动赋值。
使用 () 还是 {},要看你定义的函数的参数是什么样的,具体看下面的例子。
第一种:当函数的参数是一个对象时,需要使用 {}。这样在函数里面能通过参数的相同的 key 获取到参数对象里的 key对应的值。
function demo({name, age}) { console.log(`姓名:${name}`) console.log(`年龄:${age}`)
}
demo({ name: 张三, age: 24})

第二种:当函数里的参数是多个时,这个时候用 ()。其实,这个不是结构赋值,真的只是 ES5 里的形参而已,只不过你的代码里用到了 ES6 中的参数默认值设置而已。

function demo(name = "张三", age = 30) { console.log("姓名:" name) console.log("nianl:" age)
}

demo()

es6 解构赋值"."三个点是什么意思

表示将一个对象里的键插入到另一个对象里。
举例:
var obj= {
    name: sigma
}
var newObj  = {
...obj,
age: 18
}等价于 jQuery的 $.extend():
var newObj = $.extend({}, obj)

最新文章

随便看看