ES6新增的一些特性

2021-10-05 12:59:16 字數 1949 閱讀 9908

1、let1、變數不允許被重複定義 2、沒有預解析沒有變數提公升 3、保留塊級作用域中i的 4、宣告的叫變數

let num =

100;

2、const1、不允許重複宣告變數 2、沒有預解析沒有變數提公升 3、保留塊級作用域中i的 4、宣告的叫常量
const num =

100

3、` `模板字串1、可以換行書寫 2、要寫動態的資料 直接放在 ${} 中間
const index =

1const str =`$

`

4、解構賦值1、物件{}陣列解構賦值當中 = 左右的資料型別一定要是同一種資料型別2、只能取物件裡面相同名字的屬性

let obj =

let arr =[1

,2,3

]let

[n1,n2,n3]

=arr

let= obj

console.

log(name)

console.

log(n1)

5、...展開運算子1、將物件或者陣列中的資料展開放到另外的陣列或物件
let arr =[1

,2,3

,4,5

]let arr2 =[6

,7,8

,...arr]

console.

log(arr2)

let obj =

let obj2 =

console.

log(obj2)

6、json格式字串1、json.stringify()將物件或陣列轉化為json格式 2、json.parse()將json 格式的字串 轉為物件或者陣列
let obj =

let str =

json

.stringify

(obj)

let str1 =

''let obj1 =

json

.parse

(str1)

7、includes()1、某個陣列中是否包含給定的值 2、第乙個引數表示查詢的數 預設從0開始3、第二個表示開始查詢的位置如果為負數表示倒著數的位置
let arr=[1

,2,3

]arr.

includes(2

)// true

arr.

includes(3

,3);

// false

arr.

includes(3

,-1)

;// true

8、箭頭函式1、箭頭函式 把 function 省略 然後新增了乙個 => 2、如果只有乙個引數 () 可以省略 如果是兩個及以上絕對不能省略3、如果箭頭函式內只有一句**並且是 返回值 那麼 {} 就可以省略 return 也可以省略 4、箭頭函式的this指向和外部的保持一致
let

fun= a =>

123

console.

log(

fun())

// 123

9、promise承諾1、把本來非同步的**寫成同步的形式 2、鏈式呼叫的原理,每呼叫乙個方法這個方法都會返回乙個promise
var pro =

newpromise

((resolve, reject)

=>

else},

3000)}

) pro.

then((

)=>).

catch((

)=>).

finally((

)=>

)

ES6的一些新特性

一 宣告變數將使用let,宣告常量將使用const。這裡是var與let之間的區別 1.let宣告的變數不再做提公升了,必須先宣告後使用。2.let宣告的全域性變數不再是window物件的屬性了 3.在同一作用域中,不允許使用let重複宣告乙個變數 4.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 ...