国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 20分鐘快速學習了解下ES6

20分鐘快速學習了解下ES6

來源:千鋒教育
發布人:wjy
時間: 2022-09-09 13:37:12 1662701832

  了解 ES6

  根據維基百科解釋“ECMAScript 規范是由 Netscape 的 Brendan Eich 開發的腳本語言的標準化規范;最初命名為 Mocha,然后是 LiveScript,最后是 JavaScript。”

  ECMAScript 2015 (ES2015) 是第 6 版,最初稱為 ECMAScript 6 (ES6),它添加了許多新功能,這些新功能后來成為 Web 開發人員工具包的重要組成部分。本文旨在幫助您以輕松易懂的方式了解這些新的 ES6 特性。

  ES6 塊作用域 let

  首先,什么是范圍?范圍是指來自我們程序不同部分的變量的可訪問性。在使用 let 聲明變量之前,JavaScript 變量具有全局范圍和函數范圍(使用 var 聲明時)。當使用 let 聲明變量時,ES6 為 JavaScript 帶來了塊級范圍。

  可以看出,我們使用var關鍵字在block中定義了變量“a”,可以全局訪問。所以var聲明的變量是全局的,但是,我們希望變量在block中生效,退出block時不可訪問。然后,可以使用 ES6 新的塊級作用域關鍵字 let 來聲明變量,就像這里的變量 b 一樣,會報錯說 b 沒有定義。

20分鐘快速學習了解下ES61

  ES6 解構數組

  首先,我們定義一個返回數組的函數。然后我們調用該函數并將結果存儲在變量 temp 中。要訪問每個值,我們必須打印 temp[0]、temp[1]、temp[2]。使用解構,我們可以直接調用早餐函數并在此處分離出變量 a、b 和 c 中的每個單獨的值(第一個變量將被分配第一個值,第二個變量將被分配第二個值,依此類推)。最后,我們打印三個變量,看看有沒有問題。

20分鐘快速學習了解下ES62

  ES6 解構對象

  breakfast函數返回一個對象。使用解構,我們可以直接檢索對象的值并將它們存儲在變量 a、b 和 c 中。鍵值對中的key代表映射的實際對象的鍵名,value為自定義變量。解構完成后會自動完成賦值,然后調用早餐函數返回對象。然后,打印變量a、b、c,可以看到沒有問題。

20分鐘快速學習了解下ES63

  ES6 模板字符串

  在使用模板字符串之前,我們使用 + 運算符連接字符串。

  取而代之的是,我們現在可以使用 ES6 提供的模板字符串,首先使用來包裹字符串,當要使用變量時,使用 ${variable}。

20分鐘快速學習了解下ES64

  ES6 檢查字符串是否包含其他字符串

  使用這些函數,可以輕松檢查字符串是否以某物開頭,是否以某物結尾,以及是否包含任何字符串等。

20分鐘快速學習了解下ES65

  ES6 默認參數

  在 ES6 中,可以使用默認參數。調用函數時,當參數沒有賦值時,會使用設置的默認參數執行。分配參數時,它將使用新分配的值執行,覆蓋默認值。使用以下內容:

20分鐘快速學習了解下ES66

  ES6 擴展運算符

  使用 ... 擴展元素以便于操作。按如下方式使用:

20分鐘快速學習了解下ES67

  ES6 展開運算符

  用于函數參數,接收參數數組,使用以下內容:

20分鐘快速學習了解下ES68

  ES6 函數名

  使用 .name 獲取函數的名稱,如下:

20分鐘快速學習了解下ES69

  ES6 箭頭函數

  使用箭頭函數可以讓代碼更簡潔,但也要注意箭頭函數的局限性,而且箭頭函數本身并沒有this,this指向父級。

20分鐘快速學習了解下ES610

  ES6 對象表達式

  使用 ES6 對象表達式,如果對象屬性與值相同,則可以省略值,不寫函數也可以寫函數。用法如下:

20分鐘快速學習了解下ES611

  ES6 常量

  使用 const 關鍵字定義度量。const 限制為度量分配值的操作,而不是度量中的值。使用以下內容:

20分鐘快速學習了解下ES612

  可以看出,當再次給測量賦值時,報錯。

20分鐘快速學習了解下ES613

  ES6 對象屬性名

  使用點定義對象屬性時,如果屬性名稱中包含空格字符,則為非法,語法不能通過。使用【屬性名】就可以完美解決,不僅可以直接寫屬性名,還可以使用變量來指定,具體使用如下:

20分鐘快速學習了解下ES614

  ES6 檢查兩個值是否相等

  使用 === 或 == 比較某些特殊值的結果可能無法滿足您的需求。可以用Object.is(第一個值,第二個值)來判斷,說不定你會開心 Laughed

20分鐘快速學習了解下ES615

  ES6 復制對象

  使用 Object.assign() 將一個對象復制到另一個對象,如下所示:

20分鐘快速學習了解下ES616

  ES6 設置對象的原型

  使用 es6,可以如下設置對象的原型:

20分鐘快速學習了解下ES617

  ES6 原型

  使用方法如下。

20分鐘快速學習了解下ES618

  ES6 超級

20分鐘快速學習了解下ES619

  ES6 生成迭代器

  學習之前,先寫一個迭代器

20分鐘快速學習了解下ES620

  OK,看看簡化的生成器

20分鐘快速學習了解下ES621

  ES6 類

  使用 es6 可以快速輕松地構建類

20分鐘快速學習了解下ES622

  ES6 設置

  定義獲取或修改類屬性的 get/set 方法

20分鐘快速學習了解下ES623

  ES6 靜態

  使用 static 關鍵字修改的方法可以直接使用,無需實例化對象

20分鐘快速學習了解下ES624

  ES6 擴展

  使用繼承,可以減少代碼冗余,例如:

20分鐘快速學習了解下ES625

  ES6 套裝

  Set 集合,與數組不同,Set 集合中不允許有重復元素

20分鐘快速學習了解下ES626

  ES6 Map

  Map組合存儲鍵值對

20分鐘快速學習了解下ES627

  ES6 模塊化

  使用模塊化開發,ES6可以很方便的導入導出一些內容,以及默認導出等細節:

20分鐘快速學習了解下ES628

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT