ES6個人筆記(后續(xù)整理)

1.小程序可以直接編些ES6袄膏,可以直接轉換
2践图,node支持ES6非常全
3,不太適合html和js混合寫沉馆,因為兼容性不太好


**let 塊級作用域 **
1.不允許重復定義
2.在作用域外訪問不了let定義的變量
3,類似于封閉空間码党,for循環(huán)i 外面訪問不了
4,就是一個匿名函數(shù)立即調用
** const ' ' **
1斥黑,定義常量揖盘,一旦賦值無法修改
2,const必須聲明的時候賦初始值锌奴,因為后面不允許再次定義
3兽狭,不能重復聲明,和let一樣
** 字符串連接, `` **
var a="我的"
var b="hannah"
console.log( ${a}名字叫${} )
xxxxx$(變量名)xxxxx
有一個點 包住鹿蜀,才能使用${a}

Paste_Image.png

**模板字符串(變量名)** 1箕慧,需要寫在點里面,可以使用變量用(變量名)
2耻姥,{}销钝,大括號內部可以放任意js表達式,也可以運算琐簇,甚至還可以調用函數(shù)${fn()}
模板編譯

xxxxxxxxxxxxxxxx(待完工)xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx()

很重要的
**結構賦值 **
1.左邊和右邊的機構是一樣的

var [a,b,c]=[12,5,101];//順序要相對
console.log(a,b,c)//12,5,101

和json配合

var {a,b,c}={a:12,b:5,c:101}//和順序無關
console.log(a)//12
var [a,[b,c],d]=[12,[1,2],5]//結構一定要一樣蒸健,格式一定要是一樣的
var jsons={"statuses":[{b:5,c:3,a:9}],"sta":[{b:5,c:3,a:9}]}
var {statuses,sta}=jsons
比較深層次的json數(shù)據(jù)
var jsons={"statuses":[{b:5,c:3,a:9}],"sta":[{b:5,c:3,a:9}]}
var {statuses,sta}=jsons
console.log(sta);
var [{a,b,c}]=sta;
console.log(a)
函數(shù)默認值
function getPost(){
return {left :100,stop:1000}
}
var {left,stop}=getPost();
console.log(left,stop)//100,1000

結構賦值給默認值
var{time=12,id=0}={};
console.log(time)//12


  
**復制數(shù)組Array.from  [...args] **

Array.from
普通數(shù)組復制,如果想復制出一個獨立可刪減的數(shù)組需要for循環(huán)去做現(xiàn)在:
var arr=[1,2,3];
var arr2=Array.from(arr)

[...args]

var arr=[1,2,3];
var arr2=[...arr];

函數(shù)中的超引用
function show(...args){
console.log(args);//是一個獨立的數(shù)組婉商,可以增刪改查
}
show(1,2,3,4)似忧;


**  循環(huán) for of   **
之前es5 中for 或者for in
  現(xiàn)在是 for of 
for in 遍歷的是索引  1,2,3
 for of 遍歷的索引指向的值!
for in 循環(huán)主要就是為了循環(huán)json
 for of  只要就是為了循環(huán) Map丈秩。
for of 可以循環(huán)數(shù)據(jù)盯捌,但是不能循環(huán)json!
Map 對象不可以使用for in 循環(huán)


Map 對象:初始化是一個二維數(shù)組蘑秽。
Map就是為了和for of  循環(huán)相結合使用
var map =new Map()饺著;
map.set("a","apple")//設置值
 var map=new Map([["name", "張三"], ["title", "Author"]]);//也可以這樣設置值
map.get("a");//獲取a 的值 “apple”
map.delete("a")//刪除值!

Map配合for of 循環(huán)操作

全部key和value
var map=new Map([["name", "張三"], ["title", "李四"]]);
for(var n of map){
console.log(n);//["name","張三"]["title","Author"]
}

只出現(xiàn)單個kay或者單個value寫法如下
for(var [key,val] of map){
console.log(key);//name肠牲,title
console.log(b);//張三幼衰,李四
console.log(b,a);//張三 name,李四 title
}

只個循環(huán)key 或者value
for(var key of map.keys()){
console.log(key)//name title
}


for(var val of map.value()){
console.log(val)//張三,李四
}

for of 循環(huán)數(shù)組
循環(huán)值缀雳,默認循環(huán)值
var arr=[1,2,3];
for(var name of arr){
console.log(name)//循環(huán)是值渡嚣!
}
循環(huán)全部arr.entries()
for(var name of arr.entries()){
console.log(name)//循環(huán)是值!
}
循環(huán)索引 arr.keys()
for(var name of arr.keys()){
console.log(name)//循環(huán)是值!
}


**  箭頭函數(shù)=>   **
 使用箭頭函數(shù)的注意點:
1识椰,函數(shù)體內的this對象绝葡,就是定義時所在的對象,而不是使用時所在的對象(那里定義腹鹉,或者那里調用)
2藏畅,不可當做構造函數(shù),也就是不能使用new命令种蘸。
3墓赴,不能使用argument對象,可以使用reset(...arg)代替
4航瞭,不可以使用yield命令诫硕。
5,函數(shù)是按值傳遞的,但是普通函數(shù)刊侯,傳遞obj對象章办,如果在函數(shù)內修改參數(shù)的值,會影響外面obj對象滨彻,如果從新賦值一個實例就不會影響外貌藕届。箭頭函數(shù)中的reset...不同。

**面向對象**

ES5
function Person(name,age){ //又是類又是構造函數(shù)
this.name=name;
this.age=age;
};
Person.prototype.showName=function(){
return this.name;
};
var P=new Person("hanna",18);
console.log(P.name);
console.log(P.showName())


ES6
1亭饵,參數(shù)是可以是默認值的休偶。
class Person{//真正的類
constructor(name,age){//構造函數(shù)
this.name=name;//構造函數(shù)的屬性
this.age=age;
},
showName (){//構造函數(shù)的方法
return this.name
}
}
var p1=new Person("aaa",111);
alert(p1.name);

**面向對象的繼承**

ES5
function Person(name,age){ //父類
this.name=name;
this.age=age;
};
function wor(name,age){//子類
Person.call(this,name,age);//在子類的執(zhí)行環(huán)境中執(zhí)行父類的方法和屬性
};
var aa=new wor("11",11);
console.log(aa.showName());

ES6
class Worker extends Person{//直接繼承了
/*constructor(...args){//如果子類寫了構造方法,那么會覆蓋父類的屬性
super(...args)
this.name="111111111111";
}; */
};

var o=new Worker("11",11);//new出來子類實例
console.log(o.showName());//直接子類實例調用辜羊,就可以調用到父類的方法和屬性了


** 模塊化   **
ES6自帶的模塊化踏兜。
如何定義模塊化
如果使用
如果引用

區(qū)別1,common  輸出的是值得拷貝八秃,ES6    是值得引用碱妆,
 Common是運行時加載,ES6是編譯是輸出接口昔驱。
Common是加載時執(zhí)行疹尾,es6是先加載,等渲染結束在執(zhí)行
Common循環(huán)加載有可能返回的是執(zhí)行一部分的數(shù)據(jù)不是最終全部的數(shù)據(jù)骤肛,
Es6引用的循環(huán)加載因為都是只加載一次纳本,所以有能因為發(fā)現(xiàn)引用,就去加載引用的模塊腋颠,導致用到的時候為null饮醇。
Es6的模塊加載和defer,一樣秕豫,都是先異步加載等到頁面渲染完成在執(zhí)行腳本。
Es6 模塊是并發(fā)性不是繼發(fā)性,cmd和amd混移,區(qū)別也是繼發(fā)和并發(fā)祠墅,commonjS是并發(fā)性。
Export defauit class{
歌径。毁嗦。。回铛。
}
Import myclass from‘myclass’狗准;
Let myclass =new myclass()







**     **


**     **

**     **


**     **

**     **

**     **

**     **

**     **
**     **

**     *`
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市茵肃,隨后出現(xiàn)的幾起案子腔长,更是在濱河造成了極大的恐慌,老刑警劉巖验残,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件捞附,死亡現(xiàn)場離奇詭異,居然都是意外死亡您没,警方通過查閱死者的電腦和手機鸟召,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來氨鹏,“玉大人欧募,你說我怎么就攤上這事∑偷郑” “怎么了跟继?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長肢础。 經(jīng)常有香客問我还栓,道長,這世上最難降的妖魔是什么传轰? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任剩盒,我火速辦了婚禮,結果婚禮上慨蛙,老公的妹妹穿的比我還像新娘辽聊。我一直安慰自己,他們只是感情好期贫,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布跟匆。 她就那樣靜靜地躺著,像睡著了一般通砍。 火紅的嫁衣襯著肌膚如雪玛臂。 梳的紋絲不亂的頭發(fā)上烤蜕,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音迹冤,去河邊找鬼讽营。 笑死,一個胖子當著我的面吹牛泡徙,可吹牛的內容都是我干的橱鹏。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼堪藐,長吁一口氣:“原來是場噩夢啊……” “哼莉兰!你這毒婦竟也來了?” 一聲冷哼從身側響起礁竞,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤糖荒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后苏章,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體寂嘉,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年枫绅,在試婚紗的時候發(fā)現(xiàn)自己被綠了泉孩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡并淋,死狀恐怖寓搬,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情县耽,我是刑警寧澤句喷,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站兔毙,受9級特大地震影響唾琼,放射性物質發(fā)生泄漏。R本人自食惡果不足惜澎剥,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一锡溯、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧哑姚,春花似錦祭饭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至绞佩,卻和暖如春寺鸥,著一層夾襖步出監(jiān)牢的瞬間猪钮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工胆建, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留躬贡,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓眼坏,卻偏偏與公主長得像,于是被迫代替她去往敵國和親酸些。 傳聞我的和親對象是個殘疾皇子宰译,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內容

  • pyspark.sql模塊 模塊上下文 Spark SQL和DataFrames的重要類: pyspark.sql...
    mpro閱讀 9,446評論 0 13
  • Scala與Java的關系 Scala與Java的關系是非常緊密的!魄懂! 因為Scala是基于Java虛擬機沿侈,也就是...
    燈火gg閱讀 3,421評論 1 24
  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,292評論 0 10
  • 感恩 時間過得可真快,這個月馬上結束了市栗,感恩和同事們在一起工作的每一天缀拭。 感恩大姨跟我們一起去買床,挑好了床又送東...
    一丟一丟閱讀 152評論 0 0
  • 這幾年的教學中,每到一學年的教學結束時篡腌,我都會讓我的學生用Google Form做一個年終評價褐荷,這份問卷里有一道問...
    Vanessa_Wang閱讀 7,133評論 4 10