前端工程化之ES6速通
本文介绍了ES6常用语法特性:1.1 let/const定义变量与常量;1.2 数组/对象解构赋值;1.3 可选链操作符简化深层属性访问;1.4 参数默认值设置;1.5 箭头函数简化写法;1.6 Promise异步处理机制及其状态;1.7 async/await异步编程语法;1.8 模块化开发规范。重点讲解了异步编程的解决方案,包括Promise的链式调用、状态流转以及async函数的用法。
1.1 let和const关键字
//let //定义常量
//const //定义变量
1.2解构
//数组解构
// let arr = [1, 2, 3];
// let [x, y, z] = arr;
// console.log(z)
//对象解构
// let person = { name: “jack”, age: 21, language: [‘java’, ‘ja’, ‘css’] }
// let { name, age, language } = person;
// console.log(name);
1.3链判断
// let message = null; //一个复杂对象
// let firstName = (message && message.body && message.body.user && message.body.user.firstName) || ‘default’
// console.log(firstName)
// let firstName = message?.body?.user?.firstName || ‘default’;
// console.log(firstName)
1.4参数默认值
// function add(a, b) {
// b = b || 1;
// return a + b;
// }
// let addRes = add(1);
// console.log(addRes);
// function add(a, b = 10) {
// return a + b;
// }
// console.log(add(1));
1.5箭头函数
// let sum = function (a, b) {
// return a + b;
// }
// let sum2 = (a, b) => {
// return a + b;
// }
// let sum3 = (a, b) => a + b;
1.6Promise 承诺 异步对象
//fetch
// let hhp = fetch(“https://www.baidu.com”);
// hhp.then(resp => {
// //异步的回调,等网络返回数据后自动运行这个回调
// console.log(“得到响应”, resp)
// let json=resp.json();
// json.then(jsonRes=>{
// console.log(“json”,jsonRes)
// })
// }).catch(err=>{
// console.log(“返回错误”,err)
// })
// console.log(“hhp后”)
//Promise 是异步对象,不会阻塞下面的执行,
//要想获取Promise对象的结果,需要使用promise.then()
//Promise状态
// pending:初始状态,请求还在进行中
// fulfilled:操作成功完成
// rejected:操作失败
// new Promise((resolve,reject)=>{
// resolve(“11111”);
// reject(new Error(“aaa”))
// })
1.7Async关键字 异步 返回的是一个Promise对象
//async function myFunc(){
//await 等待异步结果
//}
//如果用await,外层函数一定要有async 最外层的async函数最终还是要用.then获取数据
1.8模块化
更多推荐



所有评论(0)