113 lines
2.6 KiB
HTML
113 lines
2.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Document</title>
|
||
|
|
<script>
|
||
|
|
// es6
|
||
|
|
// let const
|
||
|
|
// 解构赋值
|
||
|
|
// async await
|
||
|
|
// class
|
||
|
|
// model 模块化
|
||
|
|
// promise
|
||
|
|
// set map weakset weakmap
|
||
|
|
// for foreach for in while for of
|
||
|
|
|
||
|
|
// const set=new Set([1,2,3,3,3])
|
||
|
|
// for(let i in set){
|
||
|
|
// console.log(i,set[i])
|
||
|
|
// }
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
const set=new Set([1,2,3,3,3])
|
||
|
|
// console.log(set[2])
|
||
|
|
for(let i of set){
|
||
|
|
console.log(i,set[i])
|
||
|
|
console.log(set)
|
||
|
|
}
|
||
|
|
|
||
|
|
function zhanshi(){
|
||
|
|
console.log(set,"lllk")
|
||
|
|
const price=0
|
||
|
|
}
|
||
|
|
zhanshi()
|
||
|
|
// console.log(price)
|
||
|
|
|
||
|
|
// 解构赋值
|
||
|
|
// 对象 解构赋值 原则上来说 我们需要让属性名等于变量名
|
||
|
|
// 特殊情况 如果说 属性名不等于属性值得话
|
||
|
|
let {foo, baz}={foo:"aaa",bar:"bbb",baz:"ccc"}
|
||
|
|
// foo aaaa
|
||
|
|
// baz ccc
|
||
|
|
// let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
|
||
|
|
console.log(foo, baz)
|
||
|
|
|
||
|
|
var promise=new Promise(function(resolve,reject){
|
||
|
|
console.log(1111)
|
||
|
|
resolve()
|
||
|
|
})
|
||
|
|
promise.then(()=>{
|
||
|
|
console.log("success")
|
||
|
|
})
|
||
|
|
console.log(2222)
|
||
|
|
console.log(1222223)
|
||
|
|
setTimeout(function(){
|
||
|
|
console.log("延迟后")
|
||
|
|
},1000)
|
||
|
|
|
||
|
|
|
||
|
|
// pro1.then(()=>{
|
||
|
|
// pro2.then(()=>{
|
||
|
|
// pro3.thne(()=>{
|
||
|
|
// // .......
|
||
|
|
// })
|
||
|
|
// })
|
||
|
|
// })
|
||
|
|
|
||
|
|
// 用同步的样子去写异步的函数 -----async 函数（异步操作的一个方式）
|
||
|
|
|
||
|
|
// function getlist(){
|
||
|
|
// http.get("/userlist").then((res)=>{
|
||
|
|
// console.log(res)
|
||
|
|
// })
|
||
|
|
// }
|
||
|
|
|
||
|
|
// async function getlist(){
|
||
|
|
// let res=await http.get("/userlist")
|
||
|
|
// console.log(res)
|
||
|
|
// }
|
||
|
|
|
||
|
|
|
||
|
|
// class
|
||
|
|
class Creator{
|
||
|
|
constructor(name){
|
||
|
|
this.name=name,
|
||
|
|
this.age=1
|
||
|
|
}
|
||
|
|
say(){
|
||
|
|
console.log(123)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// extends
|
||
|
|
|
||
|
|
class Creator2 extends Creator{
|
||
|
|
|
||
|
|
}
|
||
|
|
var obj=new Creator("A")
|
||
|
|
var obj1=new Creator("B")
|
||
|
|
console.log(obj)
|
||
|
|
console.log(obj1)
|
||
|
|
|
||
|
|
var xiaoming=new Creator2("小明")
|
||
|
|
console.log(xiaoming)
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|