ES6 快速掌握

一、在函数参数赋值中 undifined 和 null的区别

在函数调用时，如果参数传入undifined，则取函数默认的值。如果传入null，那么取值则为null

（undefine没有设置值，取默认的值。null相当于有值，值为null）

二、for ..of的用法

for循环可以写成 for（let item of items）{console.log(item)}这样的写法

三、includes判断某字段是否在某个数组中

或者 startswith或者endswith

repeat的用法 ----》（‘heollo ’| .repeat(21) ）打印21次

四、1.Array.of的用法

Array.of可以将一些数组或者字符串转换成数组格式

2.find使用

使用对象为arr

arr.find(function(value,index,arr){

//过滤数字表达式

})

3.fill()的使用

fill（arg， from，end）方法接受3个参数

arg表示要跳填充的对象 from其实位置（填充），end（不填充）【前闭后开】

4.enties的用法

 
   let  
  arr 
  = 
  [ 
  'js' 
  , 
  'css' 
  , 
  'html' 
  ] 
 

 
   let  
  list 
  = 
  arr 
  . 
  entries 
  ( 
  ) 
  ; 
 

 
   console 
  . 
  log 
  ( 
  list 
  . 
  next 
  ( 
  ) 
  . 
  value 
  ) 
  ; 
 

 
   console 
  . 
  log 
  ( 
  list 
  . 
  next 
  ( 
  ) 
  . 
  value 
  ) 
  ; 
 

 
   console 
  . 
  log 
  ( 
  list 
  . 
  next 
  ( 
  ) 
  . 
  value 
  ) 
  ; 
 

5.in的用法

判断数组或者对象中是否包含某值

let json = {a:1,b:2}

console.log('a' in json) //true

注意：这里的0指的是数组下标位置是否为空。

6.forEach

 
  let  
  arr 
  = 
  [ 
  'js' 
  , 
  'css' 
  , 
  'html' 
  ] 
  ; 
 

 
  arr 
  . 
  forEach 
  ( 
  ( 
  val 
  , 
  index 
  ) 
  = 
  > 
  console 
  . 
  log 
  ( 
  index 
  , 
  val 
  ) 
  ) 
  ; 
 

7.filter

3	let arr = [ 'js' , 'css' , 'html' ] ; arr . filter ( x = > console . log ( x ) ) ;

3	let arr = [ 'jspang' , '技术胖' , '前端教程' ] ; arr . filter ( x = > console . log ( x ) ) ;

8.some

let ar = ['js','css', 'html']

arr.some(x = > console.log(x))

9.map

let ar = ['js','css', 'html']

arr.map(x = > 'web')

11.join

arr = ['js', 'css', 'html']

console.log(arr.join('|'))

12.toString

arr = ['js', 'css', 'html']

console.log(arr.toString())

13.Object.is()

obj1 = {name:kaer}

obj2 = {name:kaer}

Object.is(obj.name,obj2.name) //true\

3	let arr = [ 'jspang' , '技术胖' , '前端教程' ] ; arr . filter ( x = > console . log ( x ) ) ;

同值相等严格相等
console.log(+0 === -0) // true
console.log(NaN === NaN) //false

console.log(Object.is(+0,-0)) //false

console.log(Obeject.is(NaN,NaN)) //true

13.Object.assign

let obj1 = {name:kaer}

let obj2 = {name:kaer}

let d = Object.assign(obj1,obj2)

六、 Symbol

1.let f = Symbol();
let obj = {
[f]:"jspang"
}
console.log(obj[f]); // jspang
obj[j] = "web"
console.log(obj[f]) //web

let obj = {name:'jspang',skill:'web'};
let age = Symbol();
obj[age] = 18;
console.log(obj) //{name: 'jspang',skill:'web',Symbol(18)}
for(let item in obj){
console.log(obj[item]) //jspang web

}

七、Set weakSet

let setArr = new Set(['js','css','html'])
1.add
2.has
console.log(setArr.has('xiaodi')) //false
3.clear()
console.log(setArr.clear()) // ''
4.delete()
setArr.delete('js')
5.for ... of
for(let item of setArr){
console.log(item)
}
6.forEach
setArr.forEach((value)=>console.log(value))
7.size
console.log(setArr.size()) // 3
二、weakset
let weakObj = weakSet();
let obj = {a:'jspang',b:'js'}
weakObj.add(obj)

console.log(weakObj )

八、map

map.clear()

九、

猜你喜欢