76 lines
1.5 KiB
HTML
76 lines
1.5 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>
|
|
</head>
|
|
<body>
|
|
|
|
</body>
|
|
<script>
|
|
|
|
// 回调函数
|
|
// 异步 & 同步
|
|
// 闭包
|
|
|
|
// this 指向（留坑）
|
|
|
|
// 同步 异步 返回值
|
|
// 回调 callback 函数
|
|
// promise es6 函数
|
|
// es5 es6, 7, 8, 9, 10...
|
|
// function a (callback) {
|
|
// var time;
|
|
|
|
// // 异步操作
|
|
// setTimeout(function(){
|
|
// time = "哈哈哈"
|
|
// callback(time)
|
|
// }, 1000);
|
|
// }
|
|
|
|
// a(function (res) {
|
|
// console.log(res);
|
|
// })
|
|
|
|
|
|
// function a (callback) {
|
|
// callback("111")
|
|
// }
|
|
|
|
// a( function (rrr) {
|
|
// console.log(rrr);
|
|
// } )
|
|
|
|
// 闭包
|
|
// 函数内部的函数访问外部函数变量的过程
|
|
// 作用：会将变量进行缓存，减小程序的计算量
|
|
// 缺点：闭包会导致程序的内存占用过高，导致页面卡顿，应该减少使用
|
|
function a() {
|
|
var time = 1;
|
|
var time = 1;
|
|
var time = 1;
|
|
|
|
var c = function () {
|
|
time+=1
|
|
return time
|
|
}
|
|
return c
|
|
}
|
|
|
|
var f = a()
|
|
console.log( f() ); // 2
|
|
console.log( f() ); // 2
|
|
|
|
// function a () {
|
|
// var i = 0;
|
|
// return i+=1;
|
|
// }
|
|
|
|
// console.log(a()); // 1
|
|
// console.log(a()); // 2
|
|
|
|
</script>
|
|
</html> |