一. 字符串模板
字符串模板:快速拼接字符串 。
在`` 反引号里加 变量 ${变量}
例:
var x="hello world"
console.log(`我们的口号是${x}。`)
二. 对象简化写法
let user={
name:name,
age:age,
//方法
showInfo:function(){
}
}
如果key和value相同,可以直接写成一个。
let user={
name,
age,
showInfo(){
console.log(1)
}
}
user.showInfo()
三. 参数默认值
参数可以有初始值。如果参数列表中有默认值 把没有默认值的放前面,将有默认值的放到后面。
例:
function sum(a,b=2,c=2){
return a+b+c
}
let r1=sum(4)
console.log(r1)
四. 数据解构 (对象,数组)
定义:得保证左右结构相同,能将某一个功能单独封装起来。
对象
let obj={
a:1,
b:2,
c:3
}
let {a,b,c}=obj
数组
let arr=[1,2,3]
let [a,b,c]=arr
console.log(a)
console.log(b)
console.log(c)
如何进行两个变量之间的交换?
let a=20
let b=30;
在初始化以前不能使用,所以必须加分号
[a,b]=[b,a]
console.log(a)
console.log(b)
五. rest参数
rest 参数: arguments
ES6没有arguments,但是用rest参数可以代替。
rest参数 只会放入形参外的参数,永远写在最后。
function showName(a,b,...args){
console.log(args)
}
showName("王二","王三","王一","往死")
获取用户所传入的所有参数 rest 参数
function showName(...args){
console.log(args)
}
showName("王二","王三","王一","往死")
六. 拓展运算符
①rest参数:rest反作用 ... 就是将复杂的数据展开。
语法: ...(变量)
let arr=[1,2,3]
console.log(arr)
console.log(...arr)
②合并数组
let arr=[1,2,3]
let goods=[4,5,6]
goods.push(...arr)
console.log(goods)
③复制数组
let arr=[1,2,3]
let goods=arr
goods.push(4)
console.log(goods)
console.log(arr)
这个方法是保存的数组的存储地址
goods也等于arr的存储地址了,所以一个变化,俩个都会变。
关于对象的 拓展运算符
let obj={
a:1,
b:2,
c:3,
d:4
}
let {a,b,...z}=obj
console.log(a)
console.log(b)
console.log(z)
不管是rest,解构对象,还是拓展运算符,都放到最后。
①复制对象
let obj={
a:1,
b:2,
c:3,
d:4
}
let n={
...obj
e:5
}
console.log(n)
七. 过滤函数
filter 数组的内容进行过滤,筛选出符合要求的元素。
let arr=[1,2,3,4,5,6,7]
let s1= arr.filter((item,index)=>{
if(item>4)
return true
})
console.log(s1)