博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
延展操作符和解构的简单实际应用
阅读量:4083 次
发布时间:2019-05-25

本文共 1078 字,大约阅读时间需要 3 分钟。

延展操作符(…)

function showMe(name,age){
return "名字是"+name+"年龄是"+age;}var name = "zhangsan";var age = 18;console.log(showMe(name,18));//名字是zhangsan年龄是18//或var me = ["jack",20];console.log(showMe(...me));//名字是jack年龄是20
1
2
3
4
5
6
7
8
9
10
11
1
2
3
4
5
6
7
8
9
10
11

改成ES2015的写法:

let showMe = (name,age)=>`${name}的年龄是${age}`;//let me = ["lily",18];console.log(showMe(...me));//lily的年龄是18 
1
2
3
4
5
1
2
3
4
5

解构结合延展操作符

let [sex,...me] = ["男","jack",18];console.log(me.length);//2//里面的me仍然会变成数组,而且值就是"jack",18 
1
2
3
1
2
3

默认值

var [name="jack",age=18] = [];//这时左右2边就不需要对等,因为name和age都有默认值 
1
2
1
2
//实战中的做法let getName = ()=> {  //这里做业务处理,如果没有取到值,则返回一个undefined  return undefined;}let [sex="男",name="jack",age=18] = [,getName(),];console.log(name);//jack 
1
2
3
4
5
6
7
1
2
3
4
5
6
7

如果返回false

//实战中的做法let getName = ()=> {  //这里做业务处理,如果没有取到值,则返回一个undefined  return false;}let [sex="男",name="jack",age=18] = [,getName(),];console.log(name);//那么这里就打印:false

转载地址:http://wvhni.baihongyu.com/

你可能感兴趣的文章
发布订阅模式还不会??戳这里,50行核心代码,手把手教你学会
查看>>
六种排序算法的JavaScript实现以及总结
查看>>
JS专题之去抖函数
查看>>
ES6面试、复习干货知识点汇总(全)
查看>>
React中使用styled-components的基础使用
查看>>
Vue和React的对比
查看>>
react 的高阶组件再理解
查看>>
Redux源码解读
查看>>
深入理解 Redux 中间件
查看>>
Redux-saga
查看>>
彻彻底底教会你使用Redux-saga(包含样例代码)
查看>>
redux-saga 初级学习教程
查看>>
redux-saga 实践总结
查看>>
Mobx 与 Redux 的性能对比
查看>>
译)React-Router4的变化
查看>>
Proxy详解,运用与Mobx
查看>>
设计模式-发布订阅模式
查看>>
Redux源码深度解析
查看>>
深入浅出—Redux-saga源码
查看>>
Redux入门学习系列教程
查看>>