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的用法
5.in的用法
判断数组或者对象中是否包含某值
let json = {a:1,b:2}
console.log('a' in json) //true
|
let
arr
=
[
,
,
,
,
,
]
;
console
.
log
(
0
in
arr
)
;
//false
let
arr1
=
[
'js'
,
'css'
]
;
console
.
log
(
0
in
arr1
)
;
// true
|
注意：这里的0指的是数组下标位置是否为空。
6.forEach
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
let json = {
name: 'jspang',
skill: 'web'
}
console.log(json.name)
var map = new Map();
map.set(json, 'I');
console.log(map);//Map(1)?{{…} => "I"}
1.查
console.log(map.get(json)) // I
2.删
map.delete(json)
3.size属性
console.log(map.size) // 2
4.has
map.has('jspang')
5.clear
map.clear()
九、