大战熟女丰满人妻av-荡女精品导航-岛国aaaa级午夜福利片-岛国av动作片在线观看-岛国av无码免费无禁网站-岛国大片激情做爰视频

專注Java教育14年 全國咨詢/投訴熱線:400-8080-105
動力節點LOGO圖
始于2009,口口相傳的Java黃埔軍校
首頁 hot資訊 一文告訴你es6新特性有哪些

一文告訴你es6新特性有哪些

更新時間:2022-04-07 11:41:30 來源:動力節點 瀏覽4295次

es6新特性有哪些?動力節點小編為大家進行詳細介紹。ECMAScript6.0(以下簡稱 ES6)是 JavaScript 語言的下一代標準,已經在 2015 年 6 月正式發布了。它的目標,是使得 JavaScript 語言可以用來編寫復雜的大型應用程序,成為企業級開發語言。

es6新特性:const與let變量、模板字面量、解構、增強的對象字面量、for...of循環、展開運算符(...)、剩余參數(可變參數)、ES6箭頭函數、類的支持、字符串模板、iterator、generator、模塊、Symbols等。

1.let const

let 表示申明變量。const 表示申明常量。

常量定義了就不能改了。對象除外,因為對象指向的地址沒變。

const在申明是必須被賦值。

兩者都為塊級作用域。

塊級作用域與函數作用域。任何一對花括號({和})中的語句集都屬于一個塊,在這之中定義的所有變量在代碼塊外都是不可見的,我們稱之為塊級作用域。函數作用域就好理解了,定義在函數中的參數和變量在函數外部是不可見的。

const a = 1
a = 0 //報錯

2.模塊字符串``

可以使用反引號``來進行字符拼接。${}

3.解構

可以使用{}來對數組和對象進行解構。

4.函數的參數默認值

函數傳參可以有默認值

// ES6;
function printText(text = 'default') {
    console.log(text);
}

5. Spread / Rest 操作符...

Spread / Rest 操作符指的是 ...,具體是 Spread 還是 Rest 需要看上下文語境。

當被用于迭代器中時,它是一個 Spread 操作符:迭代器 (Iterator)是按照一定的順序對一個或多個容器中的元素行進遍歷的一種機制

function foo(x,y,z) {
  console.log(x,y,z);
}
let arr = [1,2,3];
foo(...arr); // 1 2 3

當被用于函數傳參時,是一個 Rest 操作符:當被用于函數傳參時,是一個 Rest 操作符:

function foo(...args) {
  console.log(args);
}
foo( 1, 2, 3, 4, 5); // [1, 2, 3, 4, 5]

6.箭頭函數

不需要 function 關鍵字來創建函數

省略 return 關鍵字

this始終指向函數申明時所在作用域下的this值

//es5
var fun = function() {
}
//es6
var fn = () => {
}

7.for of

for of遍歷的是鍵值對中的值

for in遍歷的是鍵值對中的鍵

8.class類

ES6 中支持 class 語法,不過,ES6的class不是新的對象繼承模型,它只是原型鏈的語法表現形式。

class Student {
  constructor() {
    console.log("I'm a student.");
  } 
  study() {
    console.log('study!');
  } 
  static read() {
    console.log("Reading Now.");
  }
} 
console.log(typeof Student); // function
let stu = new Student(); // "I'm a student."
stu.study(); // "study!"
stu.read(); // "Reading Now."

9.導入導出

導入improt

導出export default

10.promise

Promise 用于更優雅地處理異步請求。

  <script>
    new Promise((resolve,reject) => {
      setTimeout(function() {
        resolve('成功了!')
      },1000)
      // reject("失敗了,wuwu")
    }).then(data => {
      console.log(data)
    }).catch(err => {
      console.log(err)
    })
  </script>

11.async/await

比promise更好的解決了回調。

async function() {
  awiat fn()
}

12.Symbol

新的基本類型

13.Set集合

存儲任何類型的唯一值,即集合中所保存的數據元素是不重復的。類數組結構。

arr = [1,2,3,1]
let arrNew = new Set(arr)
arrNew = [1,2,3]

類數組不是數組,要轉化為數組Array.form(arrNew)這樣arrNew才是數組了。

提交申請后,顧問老師會電話與您溝通安排學習

免費課程推薦 >>
技術文檔推薦 >>
主站蜘蛛池模板: 一级aa毛片 | 2021国产精品久久久久 | 婷婷爱爱 | 日本不卡免免费观看 | 亚洲欧洲精品视频在线观看 | 天天操夜夜操天天操 | 久草免费在线视频 | 欧美男人天堂网 | 又粗又大的机巴好爽视频视频 | 九九99久久精品在免费线bt | 综合在线视频精品专区 | 四虎最新免费观看网址 | 久久亚洲精品中文字幕二区 | 久久成人在线视频 | 国产视频精品视频 | 日本一区二区三区精品 | 精品三级国产一区二区三区四区 | 国产精品久久免费观看 | 91xav在线| 欧美高清成人 | 伊人网久久网 | 狠狠操狠狠操狠狠操 | 久国产精品视频 | 免费aⅴ在线 | 免费观看黄色a一级录像 | 欧美日韩国产另类一区二区三区 | 直接看毛片| 麻豆日韩 | 天天干天天草天天射 | 亚洲在线视频播放 | 奇米激情网 | 成人永久福利在线观看不卡 | 成 人国产在线观看高清不卡 | 国产精品国产三级国产an | 99久久精品免费看国产麻豆 | 黄色毛片免费观看 | 午夜探花在线观看 | 性欧美日韩 | 四虎国产精品永久地址48 | 国产成人lu在线视频 | 国产aaaaaa|