EcmaScrip6t核心用法

2022-08-29 03:57:09 字數 1579 閱讀 3226

ecmascript6是在2023年發布的,又稱es2015,希望自己在嘗鮮的時候**又有相容性的人可以嘗試用 babel來把es6轉為es5的寫法。

今天主要介紹es6的核心用法,可以說這部分是es6中最常用的部分,也絕對是日後會有實用性的命令。

let,const,class,extends,super,arrow function,template string,destructuring,default,rest

1.let,const

let命令類似於var,但是因為js裡面沒有塊級作用域的概念,所以會存在變數洩露的問題,比如這樣

在迴圈完之後依舊可以訪問i,這就會造成變數洩露成全域性變數,而let這時候會報錯

而且它還有乙個非常棒的用法,可以讓以前需要閉包才能做到的事情現在只要換個變數宣告就能做到了

這個很明顯輸出的是5,因為這是在迴圈執行完之後才執行的函式,所以讀到的值是i已經置加完成之後的值。但是用let就不會有這個問題了

而const則可以定義常量,這樣就不用擔心別人修改,用來裝類庫的話就不用擔心複寫變數名了

2.class,extends,super

現在可以用class來宣告乙個類,如下所示的這種方式

並且可以使用extends來繼承乙個類,然後用super方法來繼承父類的this

3.arrow function

es6的函式可以這樣寫了 ()=>alert("我是個函式哦")  簡化過程如圖

而且 arrow function還解決了this的麻煩,arrow裡面的this就是指向定義時所對的物件

4.template string

平時連線字串的時候都是用加號,還得配合引號來使用,一旦過長真的是很挺麻煩,現在可以這樣寫了

用「`」符合來引用字串就可以用${}來引用變數了,而且裡面的換行和空格都會被正確顯示哦!

5.destructuring

es6可以按照一種模式從陣列和物件中提取值,被稱為解構destructuring

es6可以這樣寫

還可以這樣寫

6.deault,rest

es6可以設定預設值了,已經不需要在**裡面判斷了,如圖所示

rest則是相當於arguments的用法,如圖

可以用...然後接上變數名來接受後面的所有引數

以上的都是常用的es6語法,下次我會把es6的大部分方法都整理出來

8核 6核 4核 雙核CPU是什麼意思

對於初學者來說,cpu是什麼 什麼是雙核 4核 6核 8核等。下面,就以上的問題,我們做出一一解答。概念 cpu是什麼 做什麼用 一般cpu是接在 的,我們先來看看cpu是什麼,cpu既 處理器 電腦中乙個最重要,最核心的東西,市面上能買到的cpu只有兩種,一種是intel公司生產的,另一種是amd...

Arm核920T效能優化之Cache

文件整理自arm system developer s guide 程式在執行過程中會頻繁的執行小範圍的迴圈 而這些迴圈又會對資料儲存器的區域性區域反覆訪問。cache同時使用了時間和空間的區域性性原理。如果對儲存器的訪問受時間影響,在時間上有連續性,則這種時間上密集的訪問被稱為時間區域性性訪問 如...

10 17T6 矩陣快速冪

題目背景 守望者 warden,長期在暗夜精靈的的首都艾薩琳內擔任視察監獄的任務,監獄是成長條行的,守望者warden擁有乙個技能名叫 閃爍 這個技能可以把她傳送到後面的監獄內檢視,她比較懶,一般不檢視完所有的監獄,只是從入口進入,然後再從出口出來就算完成任務了。問題描述 頭腦並不發達的warden...