1 năm trước cách đây · d3f44ad3b7
--- a/111/3.html
+++ b/111/3.html
@@ -0,0 +1,42 @@
 
				+<!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>
			
 
				+  <script>
			
 
				+    async function async1() {
			
 
				+      console.log('async1 start')	
			
 
				+      await async2()
			
 
				+      setTimeout(function () {
			
 
				+        console.log('setTimeout1')
			
 
				+      }, 0)
			
 
				+    }
			
 
				+    async function async2() {
			
 
				+      setTimeout(function () {
			
 
				+        console.log('setTimeout2')
			
 
				+      }, 0)
			
 
				+    }
			
 
				+    console.log('script start')
			
 
				+    setTimeout(function () {
			
 
				+      console.log('setTimeout3')
			
 
				+    }, 0)
			
 
				+    async1()  			
			
 
				+    new Promise(function (r, j) {
			
 
				+      console.log('Promise1')
			
 
				+      r()
			
 
				+    }).then(function () {
			
 
				+      console.log('Promise2')
			
 
				+    })
			
 
				+    console.log('script end')
			
 
				+    
			
 
				+
			
 
				+  </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/111/4.html
+++ b/111/4.html
@@ -0,0 +1,61 @@
 
				+<!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>
			
 
				+  <script>
			
 
				+    /* const obj = {
			
 
				+      a:4,
			
 
				+      print: ()=>{
			
 
				+        console.log(this.a)
			
 
				+      },
			
 
				+      eat: function(){
			
 
				+        console.log(this.a)
			
 
				+      }
			
 
				+    }
			
 
				+    console.log(obj)
			
 
				+    obj.print()
			
 
				+    obj.eat() */
			
 
				+
			
 
				+
			
 
				+
			
 
				+    /* var a = 5
			
 
				+    const obj = {
			
 
				+      a: 6,
			
 
				+      print: ()=>{
			
 
				+        console.log(this.a)
			
 
				+      }
			
 
				+    }
			
 
				+    obj.print.call({a:7}) */
			
 
				+    //5
			
 
				+
			
 
				+
			
 
				+
			
 
				+    function Person(){
			
 
				+      this.a = 8
			
 
				+      this.print = function(){
			
 
				+        console.log(this.a)
			
 
				+      }
			
 
				+      return{
			
 
				+        a: 9
			
 
				+      }
			
 
				+    }
			
 
				+    const p = new Person()
			
 
				+    console.log(Person)
			
 
				+    console.log(p.a)
			
 
				+    console.log(p.print)
			
 
				+    // 8 8
			
 
				+    // 8 8
			
 
				+    // 9 9 
			
 
				+    // 9 8 
			
 
				+    // 9 9 
			
 
				+    // 8 9
			
 
				+    // 8 9 
			
 
				+    // 9 8
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/es6/20_proxy.html
+++ b/es6/20_proxy.html
@@ -0,0 +1,27 @@
 
				+<!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>
			
 
				+  <script>
			
 
				+    var obj = {
			
 
				+      name: 'zs'
			
 
				+    }
			
 
				+    var a = new Proxy(obj,{
			
 
				+      get(target,key,property){
			
 
				+        console.log(target,key,property)
			
 
				+      },
			
 
				+      set(target,key,value){
			
 
				+        console.log(target,key,value)
			
 
				+        return target[key] = value
			
 
				+      }
			
 
				+    })
			
 
				+    a.name = 'lisi'
			
 
				+    console.log(a.get)
			
 
				+  </script>
			
 
				+</body>
			
 
				+</html>
			
--- a/es6/index.html
+++ b/es6/index.html
@@ -0,0 +1,23 @@
 
				+<!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>
			
 
				+  1. 进入到 async1,发现同步任务，输出'async1 start'
			
 
				+  2.遇到了await,进入到async2,碰到定时器,加入到异步队列里面的宏任务
			
 
				+  3.在async2 有一个同步任务 直接输出'async2'
			
 
				+  4.由于await 阻塞了后面代码的执行 将后面的代码加入微任务 所以向下去找
			
 
				+  5.碰到了定时器 加入到宏任务里
			
 
				+  6.碰到同步任务 输出'start'
			
 
				+  7.同步代码执行完毕  先执行微任务   
			
 
				+  8.先输出微任务里面的 同步任务  输出'async1 end'
			
 
				+  9.微任务里面有定时器  加入到宏任务里
			
 
				+  10.微任务执行完毕 执行宏任务
			
 
				+  11.宏任务队列里面有3个任务
			
 
				+  12.按照顺序执行  timer2=>timer3=>timer1
			
 
				+</body>
			
 
				+</html>