From b30f151f110961265111d9f8661c02888c1c4b03 Mon Sep 17 00:00:00 2001
From: YangJ0605 <1442122744@qq.com>
Date: Wed, 18 Mar 2020 16:37:48 +0800
Subject: [PATCH] 0318 learn

---
 .DS_Store                                     | Bin 10244 -> 10244 bytes
 ES6/proxy.js                                  |  39 +++++++++++++++---
 ...5\206\231\344\270\200\344\270\252apply.js" |  14 +++++++
 ...45\206\231\344\270\200\344\270\252bind.js" |  13 ++++++
 ...45\206\231\344\270\200\344\270\252call.js" |  21 ++++++++++
 ...345\206\231\345\256\236\347\216\260new.js" |   7 ++++
 ...\344\275\234\347\224\250\345\237\237.html" |  15 +++++++
 ...\345\216\237\345\236\213\351\223\276.html" |  33 +++++++++++++++
 ...\346\225\260\347\262\276\345\272\246.html" |  11 +++++
 9 files changed, 148 insertions(+), 5 deletions(-)
 create mode 100644 "\346\211\213\345\206\231\344\270\200\344\270\252apply.js"
 create mode 100644 "\346\211\213\345\206\231\344\270\200\344\270\252bind.js"
 create mode 100644 "\346\211\213\345\206\231\344\270\200\344\270\252call.js"
 create mode 100644 "\346\211\213\345\206\231\345\256\236\347\216\260new.js"
 create mode 100644 "\346\267\261\345\205\245\347\263\273\345\210\227/\345\216\237\345\236\213\345\210\260\345\216\237\345\236\213\351\223\276.html"
 create mode 100644 "\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213\346\265\256\347\202\271\346\225\260\347\262\276\345\272\246.html"

diff --git a/.DS_Store b/.DS_Store
index f5a2a2cefbe6aa761de6481e7f6d6b38eba27ad4..6e66fe06a684a518473bcfd0fed023bac788978a 100644
GIT binary patch
delta 69
zcmZn(XbG6$&nUYwU^hRb>|`E+@X59U?3^jZ$vH{+`8kZ669o7<1^k3(%&7StBn}ha
ToF!SxwwYbw7t7{%BFxMH5d;@1

delta 49
zcmV-10M7q}P=rvBPXQaTP`eKS8<PwWSCgs`6|;*F_Xv}}83?nV8E6KPfGD#EAo>Ke
H6cqyltyB<y

diff --git a/ES6/proxy.js b/ES6/proxy.js
index b402ec4..8c0f5d4 100644
--- a/ES6/proxy.js
+++ b/ES6/proxy.js
@@ -1,7 +1,36 @@
 // @ts-nocheck
-var proxy = new Proxy({}, {
-  get(target, propKey){
-    return 35
-  }
-})
+// var proxy = new Proxy({}, {
+//   get(target, propKey){
+//     return 35
+//   }
+// })
+
+// var obj = {
+//   a: 1,
+//   b: 2
+// }
 
+// const data = new Proxy(obj, {
+//   get(target, key, weizhi){
+//     console.log(target, key, weizhi)
+//     return target[key]
+//   },
+//   set(target,)
+// })
+
+var obj = new Proxy({}, {
+  get(target, key, obj) {
+    console.log(target)
+    console.log(key)
+    console.log(obj)
+    // return target[key]
+    return Reflect.get(target, key)
+  },
+  set(target, key, val, obj) {
+    console.log(target)
+    console.log(key)
+    console.log(val)
+    console.log(obj)
+    target[key] = val
+  }
+})
\ No newline at end of file
diff --git "a/\346\211\213\345\206\231\344\270\200\344\270\252apply.js" "b/\346\211\213\345\206\231\344\270\200\344\270\252apply.js"
new file mode 100644
index 0000000..d2ff99f
--- /dev/null
+++ "b/\346\211\213\345\206\231\344\270\200\344\270\252apply.js"
@@ -0,0 +1,14 @@
+Function.prototype.myApply = function(context, arr) {
+  if(typeof this !== 'function') {
+    return 'err'
+  }
+  context = context || window
+  context.fn = this
+  let res
+  if(!arr) {
+    res = context.fn()
+  }
+  res = context.fn(...arr)  //如果有返回值
+  delete context.fn
+  return res 
+}
\ No newline at end of file
diff --git "a/\346\211\213\345\206\231\344\270\200\344\270\252bind.js" "b/\346\211\213\345\206\231\344\270\200\344\270\252bind.js"
new file mode 100644
index 0000000..82dad3e
--- /dev/null
+++ "b/\346\211\213\345\206\231\344\270\200\344\270\252bind.js"
@@ -0,0 +1,13 @@
+//简易版本
+// 返回一个函数 可以传入参数
+Function.prototype.myBind = function(context) {
+  var _this = this
+  var context = context || window
+  //取出bind的第二个到后面的参数
+  var args = [...arguments].slice(1)
+  return function () {
+      return _this.apply(context, args.concat(...arguments))
+  }
+}
+//如果有构造函数
+
diff --git "a/\346\211\213\345\206\231\344\270\200\344\270\252call.js" "b/\346\211\213\345\206\231\344\270\200\344\270\252call.js"
new file mode 100644
index 0000000..25135ed
--- /dev/null
+++ "b/\346\211\213\345\206\231\344\270\200\344\270\252call.js"
@@ -0,0 +1,21 @@
+Function.prototype.mycall = function(context) {
+  if(typeof this !== 'function') {
+    return 'err'
+  }
+  context = context || window
+  context.fn = this
+  const arrs = [...arguments].slice(1)
+  const res = context.fn(...arrs)  //如果有返回值
+  delete context.fn
+  return res
+}
+
+function ff(){
+  console.log(this.name)
+  return 1
+}
+const obj = {
+  name: 'mycall'
+}
+
+ff.mycall(obj)
\ No newline at end of file
diff --git "a/\346\211\213\345\206\231\345\256\236\347\216\260new.js" "b/\346\211\213\345\206\231\345\256\236\347\216\260new.js"
new file mode 100644
index 0000000..c3f6317
--- /dev/null
+++ "b/\346\211\213\345\206\231\345\256\236\347\216\260new.js"
@@ -0,0 +1,7 @@
+function copyNew(){
+  const obj = {}
+  const Constructor = [...arguments][0]
+  obj.__proto__ = Constructor.prototype
+  const res = Constructor.apply(obj,[...arguments].slice(1))
+  return typeof res === 'object' ? res : obj
+}
\ 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"
index 9bbfb33..d92629f 100644
--- "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"
@@ -30,6 +30,21 @@ <h1>相对的动态作用域，函数的作用域在函数调用的时候才决
 
     前面我们已经说了，JavaScript采用的是静态作用域，所以这个例子的结果是 1。
     */
+
+    /* 
+      testVo:{
+        arg:{
+          0:1,
+          len: 1
+        },
+        a: 10,
+        b: unde,
+        c: unde, => 10
+        d: func,
+        e: unde, => func
+      }
+
+    */
   </script>
 </body>
 </html>
\ No newline at end of file
diff --git "a/\346\267\261\345\205\245\347\263\273\345\210\227/\345\216\237\345\236\213\345\210\260\345\216\237\345\236\213\351\223\276.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\345\216\237\345\236\213\345\210\260\345\216\237\345\236\213\351\223\276.html"
new file mode 100644
index 0000000..e55d5eb
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\345\216\237\345\236\213\345\210\260\345\216\237\345\236\213\351\223\276.html"
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>从原型到原型链</title>
+</head>
+<body>
+  <script>
+
+    function Person() {
+
+    }
+    Person.prototype.name = 'cc'
+    var per1 = new Person()
+    var per2 = new Person()
+    console.log(per1.name)
+    console.log(per2.name)
+    //每个函数都有一个prototype属性,这个属性指向了一个对象，这个对象正是调用该构造函数而创建到实例的原型，也就是这个例子当中per1,per2的原型。
+    //每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型"继承"属性，这个对象都具有的一个属性，叫做__proto__。
+    console.log(per1.__proto__ === Person.prototype)
+    console.log(per2.__proto__ === Person.prototype)
+    //原型下的constructor 指向当前构造函数
+    console.log(Person.prototype.constructor === Person)
+    console.log(Object.getPrototypeOf(per1) === Person.prototype)
+
+    console.log(Object.prototype.__proto__ === null)
+
+    //原型链
+    per1.__proto__ => Person.prototype,然后 Person.prototype.__proto__ => Object.prototype ,最后 Object.prototype.__proto__ => null
+  </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\213\346\265\256\347\202\271\346\225\260\347\262\276\345\272\246.html" "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213\346\265\256\347\202\271\346\225\260\347\262\276\345\272\246.html"
new file mode 100644
index 0000000..69763a7
--- /dev/null
+++ "b/\346\267\261\345\205\245\347\263\273\345\210\227/\346\267\261\345\205\245\344\271\213\346\265\256\347\202\271\346\225\260\347\262\276\345\272\246.html"
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  
+</body>
+</html>
\ No newline at end of file