es6基礎知識

2022-09-18 03:06:50 字數 1079 閱讀 1230

1、箭頭操作符

var arr=[1,5,6]

//傳統寫法

arr.foreach(function

(v))

//箭頭操作符

arr.foreach(v=> console.log(v))

2、字串模板(` `)

var str =math.random()

console.log(`you num is $`)

3、解構

//

函式解構

var [x,y] =getval()

function

getval()

//陣列解構

let ['name','age'] = ['vhen',15]

console.log('x:'+x+', y:'+y);//

輸出:x:5, y:6

console.log('name:'+name+', age:'+age);//

輸出: name:vhen,age:15

4、引數預設值,不定引數

//

預設引數

function hello (name='vhen')`)}//

不定引數

function

add (...arg)

console.log(add(5,6))

5、set資料解構(成員的值都是唯一的,沒有重複的值)  

var s = new

set();

s.add('vhen').add(18) //

vhen,18

s.size===2 //

true

s.has('vhen') //

true

s.delete('vhen')

array.from方法可以將 set 結構轉為陣列

const s=new set([5,6,8,9])

const arr=array.from(s)

6、map資料結構

ES6基礎知識清單

塊的作用域 let 恒量 const 解構陣列 array destructuring 解構物件 object destructuring 模版字串 template strings 帶標籤的模版字串 tagged templates 判斷字串裡是否包含其他字串 預設引數 default param...

ES6基礎知識(Promise 物件)

promise物件 title head body script src jquery 3.2.1.min.js script script 基礎結構 const promise new promise function resolve,reject else catch function erro...

ES6基礎知識(解構賦值)

es6解構賦值 title head body script 陣列解構賦值 let a,b,c 1,2,3 b c 1,2,3 let a,b 3 111 物件解構賦值 let 21 let let 123 error foo is not defined const node let loc no...