1.展开操作符(用于对象或数组之前的展开操作符(…),将一个结构展开为列表)
2.剩余参数(通常会有一个 arguments 变量收集参数)
3.字符串插值(一对 包起来的字符串中可以使用 ${} 插值)
4.简写属性
eg:function createCoord(x, y) {
return {
x,
y
}
}
5.解构赋值
eg:function handle(req, res) {
const name = req.body.name;
const description = req.body.description;
const url = req.url;
log('url endpoint', url);
// 大量代码逻辑
dbService.createPerson(name, description)
}
改成
function handle(req, res) {
const { body: { name, description }, url } = req;
log('url endpoint', url);
// 大量代码逻辑
dbService.createPerson(name, description)
6.数组方法
- find(),查找列表中的成员,返回 null 表示没找到
- findIndex(),查找列表成员的索引
- some(),检查某个断言是否至少在列表的一个成员上为真
- includes,列表是否包含某项
const array = [{ id: 1, checked: true }, { id: 2 }];
arr.find(item => item.id === 2) // { id: 2 }
arr.findIndex(item => item.id === 2) // 1
arr.some(item => item.checked) // true
const numberArray = [1,2,3,4];
numberArray.includes(2) // true
Promises + Async/Await
我们使用回调是因为有些操作是异步的,需要时间来完成。后来我们有了 promise 库,人们开始使用它。然后 JavaScript 逐渐加入了对 promise 的原生支持。
function doSomething() {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('done')
}, 3000)
})
}
doSomething().then(arg => {
console.log('done here', arg);
})
我们甚至可以这样调用,将 promise 串起来:
getUser()
.then(getOrderByUser)
.then(getOrderItemsByOrder)
.then(orderItems => {
// 处理排序后的成员
})
后来生活更加美好,我们有了 async/await
async function getItems() {
try {
const user = await getUser();
const order = await getOrderByUser(user);
const items = await getOrderItemsByOrder(order);
return items;
} catch(err) {
// 在这里处理错误,建议返回某个值或者重新抛出错误
}
}
getItems().then(items => {
// 处理排序后的成员
})
7.模块
8.方法属性
eg: const math = {
add(a,b) { return a + b; },
sub(a,b) { return a - b; },
multiply(a,b) { return a * b; }
}