ES6感覺還不錯的幾個特性

2021-08-21 02:50:24 字數 1458 閱讀 8764

es6常用最新特性:

1.變數let和常量const  他們的作用域只限制於{}大括號內,不再像以前一樣被置頂

依次輸出0到9這樣的方法也比一千更加簡潔

2.模板字串

第一:字串格式化

const name = 'lux'

console.log(`hello $`) 

採用了${}來界定

第二:字串一行行拼接或者多行字串以前用\;現在直接 』 『反引號就可以了

const template = `

helloworld

`第三:對於字串es6有很多不錯的方法

// 1.includes:判斷是否包含然後直接返回布林值

const str = 'hahay'

console.log(str.includes('y')) // true

// 2.repeat: 獲取字串重複n次

const str = 'he'

console.log(str.repeat(3)) // 'hehehe'

//如果你帶入小數, math.floor(num) 來處理

// s.repeat(3.1) 或者 s.repeat(3.9) 都當做成s.repeat(3) 來處理

// 3. startswith 和 endswith 判斷是否以給定文字開始或者結束const str = 'hello world!'

console.log(str.startswith('hello')) // true

console.log(str.endswith('!')) // true

3函式1:函式的快捷寫法(箭頭函式)

不需要function關鍵字來建立函式

省略return關鍵字

繼承當前上下文的this關鍵字

//例如:

[1,2,3].map(x => x + 1)

//等同於:

[1,2,3].map((function(x)).bind(this))

ps:當函式有且只有乙個引數時可以省略那個小括號

2:擴充套件的物件功能

3:更方便的資料訪問

之前獲取物件的資訊是乙個乙個獲取,現在es6則是直接從物件或者陣列裡取出資料存為變數

//物件

const people =

const = people

console.log(`$ --- $`)

//陣列

const color = ['red', 'blue']

const [first, second] = color

console.log(first) //'red'

console.log(second) //'blue'

4:spread operator展開運算子

組裝物件或者陣列

import和export:匯入匯出模組,

es6新特性 ES6新特性(一)

var 1 var宣告的是函式作用域 區域性 但在if for等定義的變數是全域性的 2 var 具有變數提公升,預解析 3 在同乙個作用域下,var可以宣告多次 4 var 宣告的變數會掛載到window上 let1 let不存在變數提公升,在變數使用之前,必須要先宣告 2 let在同一作用域下,...

ES6新增特性

let 1.let宣告的變數不會掛在window中,不會像var宣告的變數一樣造成全域性變數的汙染 2.新增了乙個塊級作用域 以前只有函式作用域,全域性作用域 3.let是不允許重複宣告 4.let不會有宣告提前 var num 15 全域性變數 console.log num 15 console...

ES6新增特性

1 變數定義 const let 2 解構 3 箭頭函式 核心 this的指向 4 模板字面量 5 spread rest 物件展開 6 子符串 陣列新增方法 console.log str.includes de true,字串是否包含de console.log str.endswith ef ...