vscode es6语法提示,vscode语法提示
一、VsCode使用 1.1 VsCode基本操作
Alt + Shift + F格式化代码
二、ES6新特性 2.1 let声明常量
2.2 const声明常量(只读变量)
2.3 解析表达式 2.3.1 数组解构
2.3.2 对象解构
2.4 字符串扩展
2.5 函数优化 2.5.1 函数参数的默认值
2.5.2 不定参数
2.5.3 箭头函数
2.5.4 实战：箭头函数结合解构表达式
2.6 对象优化 2.6.1 新增的API
2.6.2 声明对象简写
2.6.3 对象的函数属性简写
2.6.4 对象扩展运算符
2.7 map和reduce 2.7.1 map
2.7.2 reduce
2.8 promise异步编排
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<script>
//1、 查出当前用户信息
//2、 按照当前用户的id查出他的课程
//3、 按照当前课程id查出分数
$.ajax({
url: "mock/user.json",
success(data) {
console.log("查询用户：", data);
$.ajax({
url: `mock/user_corse_${data.id}.json`,
success(data) {
console.log("查询到课程：", data);
$.ajax({
url: `mock/corse_score_${data.id}.json`,
success(data) {
console.log("查询到分数：", data);
},
error(error) {
console.log("出现异常了：" + error);
}
});
},
error(error) {
console.log("出现异常了：" + error);
}
});
},
error(error) {
console.log("出现异常了：" + error);
}
});
//1、Promise可以封装异步操作
let p = new Promise((resolve, reject) => {
//1、异步操作
$.ajax({
url: "mock/user.json",
success: function (data) {
console.log("查询用户成功:", data) resolve(data);
},
error: function (err) {
reject(err);
}
});
});
p.then((obj) => {
return new Promise((resolve, reject) => {
$.ajax({
url: `mock/user_corse_${obj.id}.json`,
success: function (data) {
console.log("查询用户课程成功:", data) resolve(data);
},
error: function (err) {
reject(err)
}
});
})
}).then((data) => {
console.log("上一步的结果", data) $.ajax({
url: `mock/corse_score_${data.id}.json`,
success: function (data) {
console.log("查询课程得分成功:", data)
},
error: function (err) { }
});
})
function get(url, data) {
return new Promise((resolve, reject) => {
$.ajax({
url: url,
data: data,
success: function (data) {
resolve(data);
},
error: function (err) {
reject(err)
}
})
});
}
get("mock/user.json").then((data) => {
console.log("用户查询成功~~~:", data) return get(`mock/user_corse_${data.id}.json`);
}).then((data) => {
console.log("课程查询成功~~~:", data) return get(`mock/corse_score_${data.id}.json`);
}).then((data) => {
console.log("课程成绩查询成功~~~:", data)
}).catch((err) => {
console.log("出现异常", err)
});
</script>
</body>
</html>2.9 模块化