ES6-箭头函数、解构赋值、对象简写
创始人
2024-06-01 07:44:29
0

箭头函数特点

1、 (只有1个形参) 可以省略()
2、 {} 可以省略 只有一句代码 或 只有返回值的时候,省略return
3、arguments 不可用,arguments在没有形参的时候可以拿到调用函数拿在的实参 获取伪数组通过Array.from转为真数组。
4、 箭头函数没有this,
箭头函数this时父级作用域

var test1 = function(){console.log("111")}test1()
写法var test2 = () =>console.log("2222")test2()

返回一句对象时,需要在外面包一个(),避免{}混淆

 var test = ()=> ({name:"xiaoming"})console.log(test())

解构赋值

快速的从对象和数组中获取里面的成员

var arr = ["xiaoming","tiechui","dddddd"]let[x,y,z] =arrconsole.log(x,y,z)//打印为	xiaoming tiechui dddddd
var a=10var b=5var[b,a]=[a,b]console.log(a,b);打印a=5,b=10

多维度数组与对象 数组嵌套

多维度数组

var arr2 = [1,2,[3,4,[5]]]//多维度数组 数组嵌套console.log(arr2[2][2][0]); //ES5var[q,w,[e,r,[t]]] =arr2 //ES6console.log(t)//	打印为5

多维度对象

	ES5var obj={name:"tiechui",age:100,location:"xingtai"}let {name,age,location:mylocation} =objdocument.write(name)document.write(age)document.write(mylocation)ES6
var obj2 = {name:"kerwin",age:100,location:{province:"tingtai",city:"shahe"},hobby:[11,22,33]}var  {name,age,location:{province,city},hobby:[m,n,k]} =obj2console.log(name,age,province,city,m,n,k)//结果都为 tiechui100xingtai

ES6对象简写

在对象中key值与后面变量相等时就可以省略写法:





var obj={
a:11,
getName:function(){ //可以把:function删掉
console.log(this.a);
}
}
obj.getName()
打印为11

相关内容

热门资讯

Lutnick:特朗普按国别关... 据彭博社,美国商务部长 Howard Lutnick 表示,特朗普总统计划实施的按国别关税将于 20...
自己借网贷借钱给朋友的人是咋想... 自己借网贷借钱给朋友的人是咋想的?这些人没有意识到网贷的可怕,十分的轻率,这种行为是非常疯狂的,会对...
布宜诺斯艾利斯大学拉丁美洲—中... 【环球时报综合报道】在“环球时报海外中国周暨环球南方对话·中拉关系与民意互视研讨会”举行期间,布宜诺...
本章中提到的常见的大学生心理危... 本章中提到的常见的大学生心理危机有哪些?2016级智慧树力的 大学生心理健康,第三章单元测试题学业...
王安忆的长恨歌哪个出版社的好? 王安忆的长恨歌哪个出版社的好?中文图书,随便哪个出版社的都一样吧,只要不是小作坊印出来的
一课一练四年级下册答案 一课一练四年级下册答案题目,不解释
请问认知心理学是研究什么的? 请问认知心理学是研究什么的?行为和判断力
军营观察丨联合打击火力引导:演... 来源:中国军网-解放军报新闻样本战术引导员的“朋友圈”不断扩大■陈鸿斌 解放军报特约记者 喻润东暮色...
从大杂院 回归古建群 转自:贵州日报拼版照片:上图为腾退修缮后的庆成宫正殿东侧区域;下图为翻拍的庆成宫正殿东侧区域腾退修缮...
西宁特钢质押触发鹰眼“风险”评... 截止2025年7月5日,西宁特钢整体质押股份为8.74亿股,整体质押占总股本之比为26.85%,累计...