政府網(wǎng)站建設(shè)的創(chuàng)新機(jī)制百度網(wǎng)游排行榜
箭頭函數(shù)特點(diǎn)
1、 (只有1個(gè)形參) 可以省略()
2、 {} 可以省略 只有一句代碼 或 只有返回值的時(shí)候,省略return
3、arguments 不可用,arguments在沒有形參的時(shí)候可以拿到調(diào)用函數(shù)拿在的實(shí)參 獲取偽數(shù)組通過Array.from轉(zhuǎn)為真數(shù)組。
4、 箭頭函數(shù)沒有this,
箭頭函數(shù)this時(shí)父級(jí)作用域
var test1 = function(){console.log("111")}test1()
寫法var test2 = () =>console.log("2222")test2()
返回一句對(duì)象時(shí),需要在外面包一個(gè)(),避免{}混淆
var test = ()=> ({name:"xiaoming"})console.log(test())
解構(gòu)賦值
快速的從對(duì)象和數(shù)組中獲取里面的成員
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
多維度數(shù)組與對(duì)象 數(shù)組嵌套
多維度數(shù)組
var arr2 = [1,2,[3,4,[5]]]//多維度數(shù)組 數(shù)組嵌套console.log(arr2[2][2][0]); //ES5var[q,w,[e,r,[t]]] =arr2 //ES6console.log(t)// 打印為5
多維度對(duì)象
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)//結(jié)果都為 tiechui100xingtai
ES6對(duì)象簡寫
在對(duì)象中key值與后面變量相等時(shí)就可以省略寫法:
<input type="text" id="myunername">
<input type="password" id="mypasswoed">
<button id="mybtn">login</button>
<script>mybtn.onclick = function(){let unername = myunername.valuelet password = mypasswoed.valueconsole.log(unername,password)var obj= {unername, //unername:unername,password //password:password}console.log("發(fā)給后端的結(jié)構(gòu)",obj);}</script>
var obj={
a:11,
getName:function(){ //可以把:function刪掉
console.log(this.a);
}
}
obj.getName()
打印為11