EMSAscript
1.javaScript 中const、var、let区别
const 定义的变量不可修改 而且必须初始化 =>解决闭包变量污染问题
var 定义的变量可以修改 如果不初始化则默认值为undefined
let 是块级作用域 函数内部使用let定义后 对函数外部不影响
2.浅拷贝 object.assign(target,source)
等用于对象扩展运算符var target =（...source）
例如：
var source = {age:20,gender:"男"};
var target = object.assign(b,a);
3.Promise基础
<script>
function fn(){
return new Promise((resolve,reject)=>{
setTimeout(()=>{
console.log("你好");
//如何告诉外界已经执行完了
resolve();
},1000);
});
}
fn().then(res=>{
console.log("下一步");
fn().then(res=>{
console.log("完成");
});
});
</script>
4.Promise 解决（回调地狱）的问题
fn1().then(res=>{
return fn2();//返回一个promise对象
}).then(res=>{
rerurn fn1();
}).then(res=>{
rerurn fn2();
})
5.Promise传参
var promise = new Promise((resolve,reject)=>{
//把需要执行的异步操作放在这里
//b、
$.get("/getUser"),res={
//res是从服务器中接收到的数据
//把数据传到下一步操作中
//告诉外界本次的异步操作已经执行完毕了
}
//c、
resolve(res);
});
//a、
promise.then(res=>{
//d、
console.log(res);
});
6.promise错误处理
function getBooks(){
return Promise((resolve,reject)=>{//reject 承载异步操作请求失败
//执行异步操作
$.ajax({
url:"/getBooks",
type:"GET",
success(res){//res为成功获取数据
resolve(res);
},
error(resError){//resError此时为错误信息
//
resolve(resError);
}
})
});
}
//第一种执行方式
// getBooks().then(res=>{
// //res为请求成功获取到的数据
// },resError={
// //返回错误信息
// console.log(resError);
// });
//第二种执行方式 推荐使用该执行方式
getBooks().then(res=>{
//成功了
}).catch(resError=>{
//这里也可以获取到错误信息
})
7.async 是基于promise封装出来的
function f1(){
return new Promise(resolve=>{
setTimeout(()=>{
console.log('你好');
resolve();
},1000);
})
}
(async function(){
await f1();//此时为异步函数
console.log("第二步");
await f1();
await f1();
await f1();
console.log("第三步");
})()
8.async错误处理
function q(){
return new Promise((resolve,reject)=>{
setTimeout(()=>{
reject("你好");
},100)
})
}
(async function(){
try{//只能使用try{}catch(){} 老语法
let res = await q();
console.log(res);
}catch(e){
console.log(e);
}
})()
9.类class
class Student{
//构造方法
constructor(name,age){
this.name=name;
this.age=age;
}
}
var p1 = new Student();
10.如何判断一个变量能否被访问？
//-->知识点：词法作用域
//1、首先查看当前作用域
//2、查看当前作用域的上级
//3、。。。。。。。。一直找到全局作用域
//浏览器如果没有处于调试状态，那么当前作用域就是全局作用域
//如果浏览器处于调试状态，那么当前作用域就看断点的位置
// function f1(){
// console.log(age);
// var age=18;
// console.log(age);
// }
// var length=100;
// f1();
