美文网首页
1、 参数解构与箭头函数

1、 参数解构与箭头函数

作者: 1璐有你 | 来源:发表于2020-03-02 00:00 被阅读0次
const getList = ([x, ...y]) => [x, y]
const getUser = user => {name: user.name, age: user.age}

const list = [1, 2, 3, 4]
const user = {name: 'ouyang', age: 27}

console.log(getList(list)) // [1, [2, 3, 4]]
console.log(getUser(user)) // undefined

解析:

1、getList

接受参数 list 时会对应立即解构赋值,等同于 [x, ...y] = [1, 2, 3, 4],所以 x = 1, y = [2, 3, 4] 故结果返回 [1, [2, 3, 4]]

2、getUser

对于箭头函数, 返回一个值是不用写花括号的 {},如上面 getList 返回一个数组,并没有写花括号,但是,如果要返回的为一个对象,返回的值必须用 () 包裹起来,否则不会返回任何值,为 undefined。如正常返回,如下:

const getUser = user => ({name: user.name, age: user.age})

PS:此题出自<<高级前端面试>>小程序,可前往学习。

相关文章

  • ES6学习笔记

    1. 变量的解构赋值 数组解构 对象解构 2. 箭头函数,rest参数 箭头函数 rest 参数 3. 数组: 扩...

  • ES6 ---- 函数

    函数参数的默认值 与解构赋值配合使用 rest参数 箭头函数 使用箭头函数的注意点 函数体内的this对象,是定义...

  • ES6常用特性与一些注意点

    数组解构 对象解构 字符串扩展方法 函数参数:默认值与剩余参数 箭头函数 对象字面量增强 Object.assig...

  • 1、 参数解构与箭头函数

    解析: 1、getList 接受参数 list 时会对应立即解构赋值,等同于 [x, ...y] = [1, 2,...

  • 2018-01-10 -03ES6阮一峰教程摘记3 函数的扩

    7.函数的扩展 1.参数默认值 && 函数参数结合解构赋值 2.rest参数: 形式:...变量名 3.箭头函数 ...

  • ES6

    1.模版字符串:`String` 2.对象解构赋值 3.函数扩展:rest参数 4.箭头函数 箭头函数的特点 4....

  • ES6和ES5对比

    函数默认值 箭头函数(函数表达式 --> 箭头函数) 处理多个返回值 (解构) 从 arguments 到剩余参数...

  • 箭头函数

    廖雪峰-箭头函数 箭头函数 基础语法: (参数1, 参数2, …, 参数N) => { 函数声明 }//相当于:(...

  • 面试题(2017~now)

    ES6 解构赋值/ 模版字符串 / 箭头函数 / 模块 / 扩展运算符 / 函数默认参数 / Promise/ a...

  • 箭头函数

    1,箭头函数定义 2,Es6 中箭头函数参数与返回值简写 补充 3,箭头函数中 this 指向 注:箭头函数中的t...

网友评论

      本文标题:1、 参数解构与箭头函数

      本文链接:https://www.haomeiwen.com/subject/qhuqkhtx.html