diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..81932df
Binary files /dev/null and b/.DS_Store differ
diff --git a/eventsloop/1206-2.html b/eventsloop/1206-2.html
new file mode 100644
index 0000000..fbdf6b8
--- /dev/null
+++ b/eventsloop/1206-2.html
@@ -0,0 +1,34 @@
+<!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>
+</head>
+<body>
+  <script>
+    new Promise(resolve=>{
+      console.log(1)
+      setTimeout(resolve, 1000,2);
+      console.log(3)
+    }).then((res)=>{
+      console.log(333)
+      console.log(res)
+    })
+
+    const obj = {}
+    let temp = 'test'
+    Object.defineProperty(obj,'name',{
+      get(){
+        console.log('这是获取')
+        return temp
+      },
+      set(newval){
+        temp=newval
+        console.log(newval)
+      }
+    })
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/1206-class.html b/eventsloop/1206-class.html
new file mode 100644
index 0000000..cac6ad9
--- /dev/null
+++ b/eventsloop/1206-class.html
@@ -0,0 +1,30 @@
+<!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>
+</head>
+<body>
+  <script>
+    class Person{
+      constructor(name,age){
+        this.name=name
+        this.age=age
+        console.log('class')
+      }
+      run(){
+        console.log(`今年${this.age}岁的${this.name}在跑步`)
+      }
+      static walk(){
+        
+        console.log('只能构造函数自己使用的静态方法')
+      }
+    }
+    const xiaoming = new Person('小明','5')
+    Person.walk()
+    xiaoming.run()
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/1206.html b/eventsloop/1206.html
new file mode 100644
index 0000000..c501079
--- /dev/null
+++ b/eventsloop/1206.html
@@ -0,0 +1,35 @@
+<!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>
+</head>
+<body>
+  <input type="date" value="2019-12-06" pattern="xx"> 
+  <input type="color">
+  <input type="datetime-local" id="xx" value="2019-12-06T14:54">
+  <script>
+    console.log(xx.value)
+
+    function Fn(){
+      var n =10
+      this.m=100
+    }  
+    Fn.prototype.aa=function(){
+      console.log('aa')
+    }
+    Fn.bb=function(){
+      console.log('bb')
+    }
+    Fn() 
+    var f = new Fn()
+    console.log(f.n) //undefined
+    console.log(f.m) //100
+    f.aa() //'aa'
+    console.log(f.bb())//报错
+    Fn.bb()//'bb'
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/deepclone.html b/eventsloop/deepclone.html
new file mode 100644
index 0000000..efddb42
--- /dev/null
+++ b/eventsloop/deepclone.html
@@ -0,0 +1,79 @@
+<!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>深拷贝的几种方式</title>
+</head>
+<body>
+  <script>
+    //深拷贝实现的几种方式
+
+    //运用递归
+    function deepclone(obj){
+      let newObj = Array.isArray(obj)?[]:{}
+      if(typeof obj !== 'object'){
+        return obj
+      }else {
+        console.log('obj is object')
+        for(let key in obj){
+          newObj[key]=typeof obj[key]==='object'?deepclone(obj[key]):obj[key]
+        }
+      }
+      return newObj
+    }
+    console.log(deepclone(1))
+    const obj = {name:'yyy'}
+    const obj2 = deepclone(obj)
+    obj2.name='xxx'
+    console.log(obj)
+    console.log(obj2)
+    // 使用json对象的方法
+    /*
+    var a = [1,2,3]
+    var b = JSON.parse(JSON.stringify(a))
+    a[2]=4
+    console.log(a)
+    console.log(b)
+    */
+
+
+    // 使用es6的展开运算符 以下几种都是针对数组的
+    /*
+    var a = [1,3,4]
+    var b=[...a]
+    b.push(4)
+    console.log('b',b)
+    console.log('a',a)
+    */
+
+    //使用cancat
+    /*
+    var c = [6,7,8]
+    var d=[]
+    //var e = d.concat(c)
+    var e = c.splice(1)
+    // e.push(3)
+    // c.push(1)
+    c[1]=0
+    console.log('e',e)
+    console.log('c',c)
+    */
+   /*
+    var a = [1,[2,3],4]
+    var b = a.slice(1)
+    
+    console.log(a)
+    console.log(b)
+ 
+    a[1][0] = 5
+    a[2] = 6
+
+    console.log(a)
+    console.log(b)
+    */
+    
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/event.html b/eventsloop/event.html
new file mode 100644
index 0000000..aaa6b4a
--- /dev/null
+++ b/eventsloop/event.html
@@ -0,0 +1,58 @@
+<!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>事件</title>
+  <style>
+    ul>li {
+      width: 50px;
+      height: 20px;
+      margin: 5px 5px;
+      border: 1px solid green;
+    }
+  </style>
+</head>
+<body>
+  <div  id="test" onclick="test()" style="width: 200px;height: 200px;border: 1px solid red;"> 
+
+  </div>
+
+  <ul> 
+    <li>item1</li>
+    <li>item2</li>
+    <li>item3</li>
+    <li>item4</li>
+  </ul>
+  <script>
+    function test(){
+      console.log('test')
+    }
+    let test2 = document.getElementById('test')
+    test2.onclick=function(){
+      console.log('test2')
+    }
+    test2.addEventListener('click',test,false)
+    test2.removeEventListener('click',test,false)
+
+    //事件委托
+    document.body.addEventListener('click',function(e){
+      let target = e.target
+      // let currentTarget = e.currentTarget
+      // console.log(target.innerText)
+      // console.log(currentTarget)
+      console.log(target.nodeName)
+      if(target.nodeName ==='LI'){
+        e.stopPropagation()
+        e.preventDefault()
+        console.log('content is :',target.innerText)
+        
+      }
+    })
+    // 自定义事件
+    
+
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/forin.html b/eventsloop/forin.html
new file mode 100644
index 0000000..5e578c3
--- /dev/null
+++ b/eventsloop/forin.html
@@ -0,0 +1,42 @@
+<!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>
+</head>
+<body>
+  <script>
+    let arr = [1,3,4,5]
+    let res = arr.forEach((val,index,arr)=>{
+      console.log(val,index,arr)
+    })
+    console.log(res) // foreach 无返回值 undefined
+
+    // for in 一般用于遍历对象
+    console.log('======')
+    let obj = {
+      name:'元宝',
+      age:'0.5',
+      sex:'男'
+    }
+    for(let key in obj){
+      console.log(key,obj[key]) //for in 会遍历出prototype上的属性
+    }
+    console.log('for of =====')
+    for(let key2 of arr){
+      console.log(key2)
+    }
+    const obj2 = {
+      0:'1',
+      1:'2',
+      2:'3',
+      length:3
+    }
+    // for(let key3 of obj2){
+    //   console.log(key3)
+    // }
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/promise.html b/eventsloop/promise.html
new file mode 100644
index 0000000..a407f08
--- /dev/null
+++ b/eventsloop/promise.html
@@ -0,0 +1,92 @@
+<!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>promise</title>
+</head>
+<body>
+  <script>
+    function runpromise(){
+      return new Promise((resolve,reject)=>{
+        console.log('执行到此')
+        resolve('成功')
+        rejec('失败')
+      })
+    }
+    runpromise().then(res=>{
+      console.log(res)
+    })
+
+    Promise.resolve('成功').then((data)=>{
+      console.log(data)
+    })
+
+    Promise.resolve('失败').then(err=>{
+      console.log(err)
+    })
+
+    new Promise((resolve,reject)=>{
+      if(false){
+        resolve('成功')
+      }else{
+        reject('err')
+      }
+    }).then(res=>{
+      console.log(res)
+    },err=>{
+      console.log(err)
+    })
+
+    new Promise((resolve,reject)=>{
+      if(false){
+        resolve('成功')
+      }else{
+        reject('err2')
+      }
+    }).then(res=>{
+      console.log(res)
+    }).catch(err=>{
+      console.log(err)
+    })
+
+    console.log('all====race')
+
+    let p1 = Promise.resolve('111')
+    let p2 = Promise.resolve('222')
+    let p3 = Promise.resolve('333')
+    Promise.all([p1,p2,p3]).then(res=>{
+      let [q,w,e]=res
+      console.log(res)
+      console.log(q,w,e)
+    })
+
+    let pp1 = Promise.resolve('成功1')
+    let pp2 = Promise.resolve('成功2')
+    let pp3 = Promise.reject('失败1')
+    Promise.race([pp2,pp1,pp3]).then(res=>{
+      console.log(res)
+    })
+
+    console.log('=======')
+    
+    Promise.resolve(function(){
+      console.log('resolve里面的回调')
+    }).then(res=>{
+      res()
+    })
+
+    console.log('settime')
+    
+    setTimeout(() => {
+      console.log('0ms')
+    }, 0);
+
+    setTimeout(() => {
+      console.log('1000ms')
+    }, 1000);
+
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/eventsloop/task.html b/eventsloop/task.html
new file mode 100644
index 0000000..8c8fc9b
--- /dev/null
+++ b/eventsloop/task.html
@@ -0,0 +1,65 @@
+<!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>宏任务与微任务</title>
+</head>
+<body>
+    <script>
+        /*
+        console.log('start') 
+        setTimeout(() => {
+            Promise.resolve().then(()=>{
+                console.log('set->promise')
+            })
+            console.log('settimeout')
+        }, 1000);  
+        Promise.resolve('promise').then((data)=>{
+            console.log(data)
+        })
+        console.log('end')
+        output：
+        start
+        end
+        settimeout
+        set->promise
+        */
+       /*
+       console.log('start')
+       new Promise(resolve=>{
+           resolve('resolve')
+           console.log('new promise')
+       }).then((data)=>{
+            console.log(data)
+       })
+       console.log('end')
+       output:
+       start
+       new promise
+       end
+       resolve
+       */
+
+       // setTimeout是作为宏任务存在的，而promise.then是作为微任务的，new peomise里面的代码是同步进行的。
+
+       console.log('start')
+       Promise.resolve().then(()=>{
+           setTimeout(() => {
+               console.log('promise.then1')
+               console.log('settimeout1')
+           }, 0);
+       }).then(()=>{
+           console.log('promise.then1.then')
+       })
+       setTimeout(() => {
+           console.log('settimeout2')
+           Promise.resolve().then(()=>{
+               console.log('promise.then2')
+           })
+       }, 0);
+       console.log('end')
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/eventsloop/\346\250\241\345\235\227\345\214\226/a1.js" "b/eventsloop/\346\250\241\345\235\227\345\214\226/a1.js"
new file mode 100644
index 0000000..bc965e6
--- /dev/null
+++ "b/eventsloop/\346\250\241\345\235\227\345\214\226/a1.js"
@@ -0,0 +1,2 @@
+export var a1 = 1;
+setTimeout(() => a1 = 2, 500)
\ No newline at end of file
diff --git "a/eventsloop/\346\250\241\345\235\227\345\214\226/a2.js" "b/eventsloop/\346\250\241\345\235\227\345\214\226/a2.js"
new file mode 100644
index 0000000..2da1a3a
--- /dev/null
+++ "b/eventsloop/\346\250\241\345\235\227\345\214\226/a2.js"
@@ -0,0 +1,4 @@
+var a2 = 2; 
+module.exports = a2;
+
+setTimeout(() => a2 = 3 ,500);
\ No newline at end of file
diff --git "a/eventsloop/\346\250\241\345\235\227\345\214\226/index.html" "b/eventsloop/\346\250\241\345\235\227\345\214\226/index.html"
new file mode 100644
index 0000000..6ad6b05
--- /dev/null
+++ "b/eventsloop/\346\250\241\345\235\227\345\214\226/index.html"
@@ -0,0 +1,14 @@
+<!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>
+</head>
+<body>
+  <script type='module'  src="./index.js">
+
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/eventsloop/\346\250\241\345\235\227\345\214\226/index.js" "b/eventsloop/\346\250\241\345\235\227\345\214\226/index.js"
new file mode 100644
index 0000000..69c03e8
--- /dev/null
+++ "b/eventsloop/\346\250\241\345\235\227\345\214\226/index.js"
@@ -0,0 +1,4 @@
+import { a1 } from './a1.js';
+const a2 = require('./a2.js');
+
+setTimeout(() => console.log(a1, a2), 1000)
diff --git "a/eventsloop/\347\273\217\345\205\270\351\235\242\350\257\225.html" "b/eventsloop/\347\273\217\345\205\270\351\235\242\350\257\225.html"
new file mode 100644
index 0000000..17474b5
--- /dev/null
+++ "b/eventsloop/\347\273\217\345\205\270\351\235\242\350\257\225.html"
@@ -0,0 +1,41 @@
+<!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>
+</head>
+<body>
+  <script>
+    /*
+    var a = 10
+    function f(){
+      console.log(a)
+      var a = 20
+    }
+    f() //undefined
+
+    let b =10
+    function ff(){
+      console.log(b)
+      let b =20
+    }
+    ff() //Cannot access 'b' before initialization
+    */
+    
+    var array = []
+    for(let i=0;i<3;i++){
+      array.push(()=>i)
+      // console.log(i)
+    }
+    console.log(array) //[()=>i*3]
+    console.log(array[0]()) //0
+    console.log(array[1]()) //1
+    console.log(array[2]()) //2
+    var newArr = array.map(el=>el())
+    console.log(newArr) //0,1,2
+    //在for里面使用var 的话全是3
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/leetcode and mianshi/\344\270\215\347\224\250\345\276\252\347\216\257\346\211\223\345\215\2600-20.html" "b/leetcode and mianshi/\344\270\215\347\224\250\345\276\252\347\216\257\346\211\223\345\215\2600-20.html"
new file mode 100644
index 0000000..1283474
--- /dev/null
+++ "b/leetcode and mianshi/\344\270\215\347\224\250\345\276\252\347\216\257\346\211\223\345\215\2600-20.html"	
@@ -0,0 +1,37 @@
+<!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>
+</head>
+<body>
+  <script>
+    // var num = 0 
+    // setInterval(() => {
+    //   if(num<20){
+    //     num++
+    //     console.log(num)
+    //   }
+      
+    // })  
+      // i=0
+      // a = (new Array(101)).join('console.log(++i);')
+      // console.log(a)
+      // eval(...['console.log(1)'])
+      // eval(a)
+      
+      var name = 'window'
+      var obj = {
+        name: 'obj',
+        getName:function() {
+          return function() {
+            return this.name
+          }
+        }
+      }
+      console.log(obj.getName()())
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/leetcode and mianshi/\344\270\244\346\225\260\344\271\213\345\222\214\344\270\272\347\233\256\346\240\207\345\200\274.html" "b/leetcode and mianshi/\344\270\244\346\225\260\344\271\213\345\222\214\344\270\272\347\233\256\346\240\207\345\200\274.html"
new file mode 100644
index 0000000..977a04a
--- /dev/null
+++ "b/leetcode and mianshi/\344\270\244\346\225\260\344\271\213\345\222\214\344\270\272\347\233\256\346\240\207\345\200\274.html"	
@@ -0,0 +1,43 @@
+<!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>
+</head>
+<body>
+  <script>
+    var sum = function(arr,target) {
+      var a = []
+      for(var i=0,len=arr.length;i<len;i++){
+        var temp = target-arr[i]
+        if(a[temp]!==undefined){
+          return [a[temp],i]
+        }
+        a[arr[i]]=i
+      }
+    }
+    console.log(sum([1,2,4,2],4))
+    3
+    a[3]=0
+    2
+    a[2]=1
+    0
+    a[4]=3
+    2
+
+    var ss = function(arr,target) {
+      var res = {}
+      var len = nums.length
+      for(var i = 0;i<len;i++){
+        var diff = target - nums[i]
+        if(diff in res){
+          return [res[diff],i]
+        }
+        res[diff] = i
+      }
+    }
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/leetcode and mianshi/\345\233\236\346\226\207\346\225\260.js" "b/leetcode and mianshi/\345\233\236\346\226\207\346\225\260.js"
new file mode 100644
index 0000000..ae91cc8
--- /dev/null
+++ "b/leetcode and mianshi/\345\233\236\346\226\207\346\225\260.js"	
@@ -0,0 +1,29 @@
+/*
+判断一个整数是否是回文数。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。
+
+示例 1:
+
+输入: 121
+输出: true
+*/
+
+var sun = function(x) {
+  // if(x<0){
+  //   return false
+  // }
+  // if((x+'').split('').reverse().join('')==x){
+  //   return true
+  // }else {
+  //   return false
+  // }
+
+  let s =0
+  let y = 0
+  s=x
+  while(x>=1){
+    y = x%10 + y*10
+    x = Math.floor(x/10)
+  }
+  return y===s
+}
+sun(123)
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/1.txt" "b/\346\267\261\345\205\245\347\263\273\345\210\227/1.txt"
new file mode 100644
index 0000000..e59afa6
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/1.txt"
@@ -0,0 +1 @@
+我是第一个文件
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/2.txt" "b/\346\267\261\345\205\245\347\263\273\345\210\227/2.txt"
new file mode 100644
index 0000000..a1b1043
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/2.txt"
@@ -0,0 +1 @@
+我是第二个文件
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/promise,async.js" "b/\346\267\261\345\205\245\347\263\273\345\210\227/promise,async.js"
new file mode 100644
index 0000000..d2baa91
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/promise,async.js"
@@ -0,0 +1,44 @@
+//promise.js
+
+const fs = require('fs')
+
+const read = function(fileName) {
+  return new Promise((a,b) => {
+    fs.readFile(fileName,(err,data) => {
+      if(err){
+        b(err)
+      }else {
+        a(data)
+      }
+    })
+  })
+}
+
+// console.log('promise')
+// read('1.txt').then(res => {
+//   console.log(res.toString())
+// }).then((data) => {
+//   console.log(data)
+//   setTimeout(() => {
+//     return read('2.txt')
+//   }, 2000); // 会报错，
+// }).then((res) => {
+//   console.log('22')
+//   console.log(res.toString())
+// })
+
+console.log('async')
+
+async function readFileByasync(){
+  try {
+  var a2 = await read('2.txt')
+  var a1 = await read('1.txt')
+  
+  }catch(e){
+    console.log(e)
+  }
+  console.log(a1.toString())
+  console.log(a2.toString())
+}
+
+readFileByasync()
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\344\275\234\347\224\250\345\237\237.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\344\275\234\347\224\250\345\237\237.html"
new file mode 100644
index 0000000..9bbfb33
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\344\275\234\347\224\250\345\237\237.html"
@@ -0,0 +1,35 @@
+<!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>静态作用域与动态作用域</title>
+</head>
+<body>
+  <h1>JavaScript采用的是静态作用域，函数的作用域在定义的时候就决定了</h1>
+  <h1>相对的动态作用域，函数的作用域在函数调用的时候才决定</h1>
+  <script>
+    let value = 1
+    function foo() {
+      console.log(value)
+    }
+    function foo2() {
+      let value = 2
+      foo()
+    }
+    foo2() //1
+    /*
+    假设JavaScript采用静态作用域，让我们分析下执行过程：
+
+    执行 foo 函数，先从 foo 函数内部查找是否有局部变量 value，如果没有，就根据书写的位置，查找上面一层的代码，也就是 value 等于 1，所以结果会打印 1。
+
+    假设JavaScript采用动态作用域，让我们分析下执行过程：
+
+    执行 foo 函数，依然是从 foo 函数内部查找是否有局部变量 value。如果没有，就从调用函数的作用域，也就是 bar 函数内部查找 value 变量，所以结果会打印 2。
+
+    前面我们已经说了，JavaScript采用的是静态作用域，所以这个例子的结果是 1。
+    */
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\346\211\247\350\241\214\344\270\212\344\270\213\346\226\207.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\211\247\350\241\214\344\270\212\344\270\213\346\226\207.html"
new file mode 100644
index 0000000..d8dc834
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\211\247\350\241\214\344\270\212\344\270\213\346\226\207.html"
@@ -0,0 +1,58 @@
+<!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>
+</head>
+
+<body>
+  <script>
+    //当执行到一个函数的时候，就会进行准备工作，这里的“准备工作”，让我们用个更专业一点的说法，就叫做"执行上下文(execution context)"。
+    //执行上下文栈
+    //为了模拟执行上下文栈的行为，让我们定义执行上下文栈是一个数组：
+    ECStack = [];
+    //试想当 JavaScript 开始要解释执行代码的时候，最先遇到的就是全局代码，所以初始化的时候首先就会向执行上下文栈压入一个全局执行上下文，我们用 globalContext 表示它，并且只有当整个应用程序结束的时候，ECStack 才会被清空，所以程序结束之前， ECStack 最底部永远有个 globalContext：
+    ECStack = [
+      globalContext
+    ];
+
+    //现在 JavaScript 遇到下面的这段代码了：
+    function fun3() {
+      console.log('fun3')
+    }
+
+    function fun2() {
+      fun3();
+    }
+
+    function fun1() {
+      fun2();
+    }
+
+    fun1();
+
+    //执行过程
+
+    //当执行一个函数的时候，就会创建一个执行上下文，并且压入执行上下文栈，当函数执行完毕的时候，就会将函数的执行上下文从栈中弹出。知道了这样的工作原理，让我们来看看如何处理上面这段代码：
+
+    //伪代码
+    //执行fun1
+    ECStack.push('fun1 functioncontext')
+    //fun1里面遇到fun2的调用，执行fun2
+    ECStack.push('fun2 functioncontetx')
+    //执行fun3
+    ECStack.push('fun3 functioncontext')
+    //fun3执行完毕
+    ECStack.pop()
+    //fun2执行完毕
+    ECStack.pop()
+    //fun3执行完毕
+    ECStack.pop()
+    // javascript接着执行下面的代码，但是ECStack底层永远有个globalContext
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245this.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245this.html"
new file mode 100644
index 0000000..639eb23
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245this.html"
@@ -0,0 +1,35 @@
+<!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>关于this</title>
+</head>
+
+<body>
+  <script>
+    var value = 1;
+
+    var foo = {
+      value: 2,
+      bar: function () {
+        return this.value;
+      }
+    }
+
+    //示例1
+    console.log(foo.bar()); 
+    //示例2
+    console.log((foo.bar)());
+    //示例3
+    console.log((foo.bar = foo.bar)());
+    //示例4
+    console.log((false || foo.bar)());
+    //示例5
+    console.log((foo.bar, foo.bar)());
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213apply\357\274\214call\347\232\204\345\256\236\347\216\260.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213apply\357\274\214call\347\232\204\345\256\236\347\216\260.html"
new file mode 100644
index 0000000..c280996
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213apply\357\274\214call\347\232\204\345\256\236\347\216\260.html"
@@ -0,0 +1,95 @@
+<!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>call apply</title>
+</head>
+
+<body>
+  <script>
+    var obj = { name: 'xx' }
+
+    function ff() {
+      console.log(this.name)
+    }
+    // ff.call(obj)
+
+    Function.prototype.myCall = function (context) {
+      context.fn = this
+      context.fn()
+      delete context.fn
+    }
+
+    ff.myCall(obj)
+
+    Function.prototype.myCall2 = function (context) {
+      if(typeof this !== 'function'){
+        throw new TypeError('Error')
+      }
+
+      context = context || window
+      // 给 context 添加一个属性
+      // console.log(this)
+      context.fn = this  //obj.fn = fn
+      // 将 context 后面的参数取出来
+      var args = [...arguments].slice(1)
+      var result = context.fn(...args)
+      // 删除 fn
+      delete context.fn
+      return result
+    }
+
+    var obj2 = {name: 'macall2'}
+
+    function test (sex,age) {
+      return {
+        name: this.name,
+        sex: sex,
+        age: age
+      }
+    }
+    function test3() {
+      console.log(this.name)
+    }
+    let res = test.call(obj2,'男',28)
+    test3.myCall2(obj2)
+    console.log(res)
+  </script>
+
+  <script>
+    console.log('=====apply=====')
+    Function.prototype.maApply = function(context,array) {
+      if(typeof this !== 'function'){
+        throw new TypeError('Error')
+      }
+      context = context || window
+      context.fn=this
+      let result 
+      if(!array){
+        result = context.fn()
+      }else {
+       result = context.fn(...array)
+      }
+      delete context.fn
+      return result
+    }
+
+    var obj3 = {name: 'treedom_apply'}
+    function oo() {
+      console.log(this.name)
+    }
+    oo.maApply(obj3)
+
+    function oo3(age,h) {
+      console.log(this.name,age,h)
+      return 'aaa'
+    }
+    let result = oo3.maApply(obj3,[18,19])
+    console.log(result)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213bind\347\232\204\345\256\236\347\216\260.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213bind\347\232\204\345\256\236\347\216\260.html"
new file mode 100644
index 0000000..a6c9fab
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213bind\347\232\204\345\256\236\347\216\260.html"
@@ -0,0 +1,134 @@
+<!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>bind</title>
+</head>
+
+<body>
+  <script>
+    Function.prototype.bind2 = function (context) {
+      let _this = this
+      return function () {
+        return _this.apply(context)
+      }
+    }
+    let obj = { name: 'yyy' }
+    function aa() {
+      console.log(this.name)
+      return '11'
+    }
+    let aabind = aa.bind2(obj)
+    console.log(aabind())
+
+    Function.prototype.bind3 = function (context) {
+      if (typeof this !== 'function') {
+        throw new TypeError('Error')
+      }
+      let _this = this
+      let args = [...arguments].splice(1)
+      // let args = Array.prototype.splice.call(arguments,1) 同上
+      return function () {
+        let bindArgs = [...arguments]
+        return _this.apply(context, args.concat(bindArgs))
+      }
+    }
+
+    var foo = {
+      value: 1
+    };
+
+    function bar(name, age) {
+      console.log(this.value);
+      console.log(name);
+      console.log(age);
+
+    }
+
+    var bindFoo = bar.bind3(foo, 'daisy');
+    bindFoo('18');
+  </script>
+
+  <script>
+    console.log('====test====')
+    var value = 2;
+
+    var foo = {
+      value: 1
+    };
+
+    function bar(name, age) {
+      this.habit = 'shopping';
+      // this.value = 'value'
+      console.log(this.value);
+      console.log(name);
+      console.log(age);
+    }
+
+    function ttt() {
+      console.log(this.value)
+    }
+
+    bar.prototype.friend = 'kevin';
+
+    bar('xiao',6) //2 xiao 6
+
+    var bindfoo = bar.bind(foo,'yuanbao')
+
+    bindfoo(7) //1 yuanbao 7
+
+    var ooo = new bindfoo(5) //undefined yuanbao 5
+
+    console.log(ooo.friend)
+    console.log(ooo.habit)
+
+    console.log('======tt====')
+    ttt() //2
+    ttt.bind(foo)() //1
+
+
+    //最终版本
+    console.log('以下是最终')
+    Function.prototype.ffBind = function(context) {
+      if(typeof this !== 'function'){
+        throw new TypeError('Error')
+      }
+      let _this = this
+      // console.log(1,this)
+      let args = [...arguments].splice(1)
+      return function F(){
+        let allArgs = args.concat([...arguments])
+        // console.log(2,this)
+        // console.log(111)
+        if(this instanceof F){
+          return new _this(...allArgs)
+        }
+        return _this.apply(context,allArgs)
+      }
+    }
+    const testobj = {
+      name: 'daxiang'
+    }
+    function Gz(sex,age){
+      console.log(this.name)
+      this.sex = sex
+      this.age = age
+      console.log(sex)
+      console.log(age)
+    }
+    // let test111 = Gz.ffBind(testobj,'男')
+    // test111(3)
+    console.log(typeof Gz)
+    
+    let bindGz = Gz.ffBind(testobj)
+    let gz = new bindGz('男',999)
+    console.log(gz.sex)
+    console.log(gz.age)
+    console.log(gz.name)
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\345\217\230\351\207\217\345\257\271\350\261\241.md" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\345\217\230\351\207\217\345\257\271\350\261\241.md"
new file mode 100644
index 0000000..8955ccf
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\345\217\230\351\207\217\345\257\271\350\261\241.md"
@@ -0,0 +1,11 @@
+
+### 对于每个执行上下文，都有三个重要属性：
+  - 变量对象(Variable object，VO)
+  - 作用域链(Scope chain)
+  - this
+
+### 变量对象
+
+> 变量对象是与执行上下文相关的数据作用域，存储了在上下文中定义的变量和函数声明。
+
+> 因为不同执行上下文下的变量对象稍有不同，所以我们来聊聊全局上下文下的变量对象和函数上下文下的变量对象。
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\347\226\221\351\232\276\346\235\202\347\227\207.js" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\347\226\221\351\232\276\346\235\202\347\227\207.js"
new file mode 100644
index 0000000..e27df3d
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\347\226\221\351\232\276\346\235\202\347\227\207.js"
@@ -0,0 +1,45 @@
+{
+  let nAdd 
+let t = function () {
+  let n = 99
+  nAdd = () => {
+    n++
+  }
+  let t2 = function () {
+    console.log(n)
+  }
+  return t2
+}
+
+let a1 = t()
+let a2 = t()
+
+nAdd()
+
+a1()
+a2()
+
+//首先执行，a1 = t() 这是nadd赋值为 一个匿名函数   ，然后a2 = t()  这是nadd重新赋值了 所以后面nadd执行的是后面a2里面的重新赋值的那个nadd吧 所以a1 99  a2 100
+
+}
+
+var t = function() {
+  var n = 99;
+  var t2 = function() {
+    n++
+    console.log(n)
+  }
+  return t2;
+};
+
+var a1 = t();
+var a2 = t();
+
+a1(); // 100
+a1(); // 101
+
+a2(); // 100
+a2(); // 101
+
+// 我们会发现，n 的值都是从 99 开始，执行 一次a1() 的时候，值会加一，再执行一次，值再加一，但是 n 在 a1() 和 a2() 并不是公用的。你可以理解为：同一个函数形成的多个闭包的值都是相互独立的。
+
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\351\227\255\345\214\205.js" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\351\227\255\345\214\205.js"
new file mode 100644
index 0000000..62616cd
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\351\227\255\345\214\205.js"
@@ -0,0 +1,13 @@
+var data = []
+
+for (var i = 0; i < 3; i++){
+  data[i] = (function (i) {
+    return function(){
+      console.log(i);
+  }
+    })(i)
+}
+
+data[0]()
+data[1]()
+data[2]()
\ No newline at end of file
