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

相关内容

热门资讯

<惹祸上身>电影里... <惹祸上身>电影里面的歌吴彦祖被天哥揭穿后让那女人处理的时候眼神交流时 那段歌是什么?跪球`~...
南京秦淮新河两桥段焕新亮相 7月4日,南京市秦淮新河百里风光带两桥段(铁心桥—西善桥)焕新亮相。曾是杂草丛生的河岸荒地,经系统性...
共享机遇 共谋发展 转自:中国妇女报  7月6日,湖北恩施茶商在兰洽会展馆内为宾客斟茶。  当日,以“共享机遇,共谋发展...
婚姻攻防战之爱要付出大结局是怎... 婚姻攻防战之爱要付出大结局是怎样的 由长城影视荣誉出品的电散旦视剧《婚姻攻防战之爱要付出》由著名...
小班幼儿鼹鼠种马铃薯教案 小班幼儿鼹鼠种马铃薯教案小班幼儿鼹鼠种马铃薯教案 设计意图:  在我们的周围,到处都是植物,有些...
儿童绘本抱抱设计意义? 儿童绘本抱抱设计意义?可以提高孩子的学习兴趣,减少父母负担。还可以帮助孩子热爱学习。
茄子怎么形容 茄子怎么形容茄子是一种常见的蔬菜,有着多种形容方式,以下是一些可能的描述:1. 紫色的茄子:茄子通常...
为什么画眉鸟不爱叫 为什么画眉鸟不爱叫一是养的时间短没服笼,二是不大遛,没上性!六是照鸟过多有些掉性!十二是你那只公鸟想...
霍建华几个孩子 霍建华几个孩子霍建华目前只有一个女儿。2016年7月5日,林心如工作室微博宣布结婚喜讯。2016年7...
硬笔书法视频教程 硬笔书法视频教程 硬笔书法大通关,好评如潮——秒变漂亮字。硬笔书法是书法艺术百花园中一颗璀璨的明珠。...