Es6中的拓展运算符参数解构在实际项目当中应用

扩展操作符 … 是ES6中引入的，将可迭代对象展开到其单独的元素中,常见的应用场景有:拷贝数组对象,合并数组,参数传递,数组去重,字符串转字符数组,解构变量等

单纯的学习某个技术知识点,很容易的,但是能在实际项目中运用进去,那就不简单了的

单纯的学习某个语言的语法,都相类似,但是多种技术融合起来,那就复杂了的

应用场景

• 解构参数,传递参数

• 向后端接口传递参数,拼接参数传递给后端

对象解构如下所示

var videoForms = {
    ztid: '',
    zd: '',
    key:'',  
    area: '',  
    lang: '', 
    pay: '1',  
    reco: '1',
    app: '',
    order: '', 
    kstime:'', 
    jstime: ''
}
 
var params = {
    page:1,
    limit: 20,
    ...videoForms
}
console.log(params);

在上面的示例代码码中,发送Axos请求使用的是axios库,在请求接口时,使用了try..catch,如果接口响应有错误,那么将错误返回给开发者

在有的项目里,做得比较好的,会统一进行处理的,进行错误的拦截的,对于get和post可以在进一步封装的

上面没有去过度的封装,对于初学者比较好理解,但是缺点也是显而易见的,就是每次逗得重复写相同的get请求或post请求

关于需要向后端传递的参数数据,在定义时,往往,把form表单接口条件相关联的放置到一个对象下面管理,这样便于接口字段的管理,添加和删除

普通基本数据类型初始化,尽量写在前面,而对象,数组字段,写在后面

这个不是唯一的,只是个人开发的习惯,因人而已

关于接口的字段参数,对于UI界面的渲染,正常的去开发就可以,前端开发者更多关注的是接口参数,接口具体返回的什么数据

关注NetWork面板的headers,与PayLoad,以及preview与Response

视频号如何做视频任务进行变现

2023-09-05

视频号如何插入带货商品链接进行变现

2023-09-04

36岁男子自称被裁,曾是前500强公司市场总监,最后接受做外买

2023-09-03

聊一下互联网红利并牢牢抓住

2023-09-02

关于大学考研与不考研自己一点看法

2023-09-01

css中文本阴影特效

2023-08-30

(能绘画,能问答)