来源|达达前端Tavern解构赋值：数组解构赋值、对象解构赋值、字符串解构赋值、值和布尔值解构赋值、函数参数解构赋值。开发环境准备：编辑器、VSCode、Atom、Sublime，或者IDE（Webstorm）浏览器（最新的Chrome）或者Node.js环境，越新越好。数组解构赋值：解构赋值语法是一个JavaScript表达式，这使得从数组中提取值或从对象中提取属性到不同的变量中成为可能。重点理解解构赋值的概念：数组的解构赋值，对象的解构赋值，字符串的解构赋值，值和布尔值的解构赋值，函数参数的解构赋值，数组的解构赋值constarr=[1,2,3,4];让[a,b,c,d]=arr;更复杂的匹配规则constarr=['a','b',['c','d',['e','f','g']]];const[,b]=arr;const[,,g]=['e','f','g']const[,,[,,g]]=['c','d',['e','f','g']];const[,,[,,[,,g]]]=arr;展开运算符constarr1=[1,2,3];constarr2=['a','b'];constarr3=['zz',1];constarr4=[arr1,arr2,arr3];constarr4=[...arr1,...arr2,...arr3];constarr=[1,2,3,4];const[a,b,...c]=arr;constarr=[1,undefined,undefined];const[a,b,c,d]=arr;默认值：const[a,b=2,c,d='a']=arr;交换变量leta=2;让b=1;让温度；温度=一个；一=b;b=温度；[a,b]=[b,a]；接收多个函数返回值functiongetUserInfo(id){//...ajaxreturn{true,//第一个参数//第二个参数{name:'dada',gender:'male',id:id},'requestsuccessful'};};const[status,data,msg]=getUserInfo(1)对象的解构赋值：对象和数组的解构赋值解构赋值类似，等号左右两边是对象解构const{a,b}={a:1,b:2}左边的{}是需要赋值的变量，右边是对象解构赋值：对象解构赋值方法，稍微复杂的解构条件，扩展运营商，如何已声明的变量用于解构和分配对象。解构赋默认值的主要目的是提取对象属性，利用对象传入无序的函数参数，获取多个函数的返回值。对象解构赋值：constobj={name:'da',age:'12'};const{姓名，年龄}=对象；提取对象属性：结合展开运算符：如何对对象声明的变量解构赋值//报错letage;constobj={name:'da',age:12};{age}=obj;({age}=obj);//正确让{age}=obj;默认值：letgirlfriend={name:'小红',age:22,//age:undefined};let{name,age=24,hobby=['Learning']}=girlfriend;提取对象的属性：const{name,hobby:[hobby1]}={name:"Xiaohong",hobby:['Learning']};使用对象传入无序的函数参数：functionAJAX(option){vartype=option.type||'得到';console.log(option);};AJAX({url:'/getinfo',data:{a:1},});获取多个函数返回值：functiongetUserInfo(uid){//...ajaxreturn{status:true,data:{name:'da',},msg:'1'};};const{状态、数据、消息}=getUserInfo(1);字符串解构赋值conststr='iam';常量[a,b,c,...ath]=str;数值和布尔值的解构赋值：//数值和布尔值的解构赋值const{valueOf}=1;函数参数解构赋值：functionm([x,y]){return[y,x];}letarr=[1,2];arr=m(arr);对象解构赋值：推荐阅读1.你对this、new、bind、call、apply了解多少？那我告诉你2.为什么要学JavaScript设计模式，因为它是核心3.一篇文章带你走进JavaScript4.大厂HR面试ES6深度面试题知识点中的闭包和高级函数。5.一个JavaScript技术栈带你看懂继承和原型链??学习中别忘了留下你的足迹【点赞+收藏+评论】作者信息：【作者】：Jeskson【原创公众号】：达达阵线-endBistro【转载说明】：转载请注明出处，谢谢合作！~本篇内容涉及前端和PHP知识点。有兴趣的可以关注一下。很荣幸被你发现。真是有见地！感谢您的关注。在以后的日子里，希望大家一直默默支持我，我会努力写出更多优秀的作品。我们一起成长，从零开始学习编程，将Web前端领域、数据结构与算法、网络原理，通俗易懂的呈现给小伙伴们。分享Web前端相关的技术文章、工具资源、精选课程、热点资讯。如本账号内容有问题（例如：涉及版权或其他问题），请及时联系我们进行整改，我们会尽快处理。请喜欢它！因为您的认可/鼓励是我写作最大的动力！欢迎来到达达的CSDN！这是一个有品质有态度的博客
