Merge pull request #19 from Rain120/dev

feat: apply, bind; commit-push.sh; move call instanceof new to primitive

Author: Rain120

CHANGELOG.md

@@ -1,4 +1,4 @@
-# 1.0.0 (2020-03-22)
+# 1.0.0 (2020-04-09)
 
 
 ### Bug Fixes
@@ -58,9 +58,10 @@
 * update netlify status ([013b5ca](https://github.com/Rain120/awesome-javascript-code-implementation/commit/013b5ca5847873adabbff93a89daa41500ccf153))
 * update readme for plans ([b427b96](https://github.com/Rain120/awesome-javascript-code-implementation/commit/b427b9667cc97c77df75ef0af56eb84b6b4c3ba6))
 * update test.yml -> ci.yml and set command ([43b96b6](https://github.com/Rain120/awesome-javascript-code-implementation/commit/43b96b63fc2788a5ea37fa7567c6a6dced4b875f))
+* update vdom-diff docs ([06590c5](https://github.com/Rain120/awesome-javascript-code-implementation/commit/06590c56d0df7cbba68bb705cb7e159f6f765c3a))
 * update xmind ([71317c6](https://github.com/Rain120/awesome-javascript-code-implementation/commit/71317c67376bc8196f80e25391adfdc9b2496380))
-* update xmind ([408ca68](https://github.com/Rain120/awesome-javascript-code-implementation/commit/408ca685142dc425e90be64a284016d57d580893))
 * update xmind ([4256758](https://github.com/Rain120/awesome-javascript-code-implementation/commit/4256758c5fe0a036ce3ececc43f848e48964d7a0))
+* update xmind ([408ca68](https://github.com/Rain120/awesome-javascript-code-implementation/commit/408ca685142dc425e90be64a284016d57d580893))
 * update xmind ([cb23933](https://github.com/Rain120/awesome-javascript-code-implementation/commit/cb23933f46152c59a7b08f84d7355b35bba25002))
 * update: plans; fix: readme bug ([d44e559](https://github.com/Rain120/awesome-javascript-code-implementation/commit/d44e559def7834fcccbb19797a1d29bf5cc4e5b7))
 * vdom diff algorithm ([3b7779d](https://github.com/Rain120/awesome-javascript-code-implementation/commit/3b7779dcad7e184027d1bddfa6387224c2f009d3))

commit-push.sh

@@ -0,0 +1,114 @@
+###
+# @Author: Rainy
+# @Date: 2020-04-09 19:35:20
+ # @LastEditors: Rainy
+ # @LastEditTime: 2020-04-09 19:38:19
+###
+
+#!/usr/bin/env bash
+
+echo "Deploy to gh-pages"
+npm run deploy || exit 1
+
+echo "Deploy to gh-pages"
+npm run changelog
+
+echo "Testing for codes"
+npm run testing || exit 1
+
+echo "------------ commit push shell run ------------"
+
+read -p "Input your commit msg (*): " msg
+read -p "Amend commit(Y, y, default: N): " amend
+read -p "Need pull current branch(Y, y, default: N): " pull
+
+len=72
+curBranch=$(git branch | awk '/\*/ { print $2; }')
+
+# start reg
+msgRegLower='^\s*(feat|fix|docs|style|chore|build|ci|perf|refactor|revert|test|temp|update)\s*\:*\s*'
+msgRegUpper='^\s*(Feat|Fix|Docs|Style|Chore|Build|Ci|Perf|Refactor|Revert|Test|Temp|Update)\s*\:*\s*'
+
+# 另一种获取当前 branch_name 的方法
+# git symbolic-ref --short HEAD
+
+echo "Log: Cureren branch is ${curBranch}"
+
+if [[ $pull = "Y" || $pull = "y" ]];then
+
+    read -p "Need pull branch(default: current branch, eg: it4/mobile): " branch
+
+fi
+
+if [ -n "$msg" ];then
+
+    echo "Log: Commit msg: $msg"
+
+    if [ ${#msg} -gt $len ];then
+        echo "Error: msg length must less than $len"
+        exit 1
+    fi
+
+    if [[ "$msg" =~ $msgRegLower || "$msg" =~ $msgRegUpper ]];then
+
+        git add .
+
+        lint-staged
+        
+        if [[ $amend = "Y" || $amend = "y" ]];then
+            echo "Log: Amending message commit"
+            git commit --amend -m "$msg" || exit 1
+        else
+            echo "Log: Commiting"
+            git commit -m "$msg" || exit 1
+        fi
+
+        if [[ $pull = "Y" || $pull = "y" ]];then
+
+            if [ -n "$branch" ];then
+
+            echo "Log: Pulling branch is $branch"
+
+            fi
+
+            branch=curBranch
+
+            echo "Log: Pulling ${branch} from remote"
+            git pull origin ${branch} || exit 1
+
+        else
+
+            branch=${curBranch}
+
+            echo "Log: Current branch is $branch"
+
+            echo "Log: Jump pull branch"
+
+        fi
+
+        read -p "Auto Push(Y, y, default: Y): " push
+
+        if [ -z "${push}" ];then
+            push='Y'
+        fi
+
+        if [[ $push = "Y" || $push = "y" ]];then
+
+            echo "Log: Pushing"
+
+            git push origin ${branch} || exit 1
+        fi
+
+        echo "------------ commit push shell end ------------"
+
+    else
+        echo "Error: Commit message start type must be one of [feat, fix, docs, style, chore, build, ci, perf, refactor, revert, test, temp, Feat, Fix, Docs, Style, Chore, Build, Ci, Perf, Refactor, Revert, Test, Temp]"
+        exit 1
+    fi
+
+else
+
+    echo "Please input commit msg"
+    exit 1
+
+fi

docs/zh/primitive/apply/README.md

@@ -0,0 +1,15 @@
+### 原理
+
+调用一个具有给定 `this` 值的函数，以及作为一个数组(或类似数组对象)提供的参数。
+
+::: warning
+注意: `call()` 方法的作用和 `apply()` 方法类似，区别就是 `call()` 方法接受的是参数列表，而 `apply()` 方法接受的是一个参数数组。
+:::
+
+## 实现代码
+
+<<< @/src/primitive/apply/index.ts
+
+## 参考
+
+[apply](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)

docs/zh/primitive/bind/README.md

@@ -0,0 +1,27 @@
+## 原理
+
+创建一个新的函数, 在 `bind()` 被调用时, 这个新函数的 `this` 被指定为 `bind()` 的第一个参数, 而其余参数将作为新函数的参数, 供调用时使用。
+
+特点:
+
+- 改变 `this` 指向
+
+- 返回一个函数
+
+- 可以传入参数
+
+::: tip
+Note:
+
+- `new` 的优先级大于 `bind`, 如果 `bind` 绑定后的函数被 `new`了, `this` 会指向当前函数的实例
+
+- 需要保留 **原函数的原型链** 上的属性和方法
+:::
+
+## 实现代码
+
+<<< @/src/primitive/bind/index.ts
+
+## 参考
+
+[bind](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)

docs/zh/primitive/call/README.md

@@ -4,7 +4,7 @@
 
 ## 实现代码
 
-<<< @/src/call/index.ts
+<<< @/src/primitive/call/index.ts
 
 ## 参考
 

docs/zh/primitive/instanceof/README.md

@@ -2,10 +2,10 @@
 
 判断实例对象的`__proto__`和构造函数的`prototype`是不是引用同一个地址
 
-![instanceof](~@images/src/instanceof/images/instanceof.png)
+![instanceof](~@images/src/primitive/instanceof/images/instanceof.png)
 
-![prototype](~@images/src/instanceof/images/prototype.png)
+![prototype](~@images/src/primitive/instanceof/images/prototype.png)
 
 ## 实现代码
 
-<<< @/src/instanceof/index.ts
+<<< @/src/primitive/instanceof/index.ts

docs/zh/primitive/new/README.md

@@ -9,4 +9,4 @@
 
 ## 实现代码
 
-<<< @/src/new/index.ts
+<<< @/src/primitive/new/index.ts

package.json

@@ -23,6 +23,7 @@
     "template-docs": "npm run plop model-template-docs",
     "docs:dev": "vuepress dev docs",
     "docs:build": "vuepress build docs",
+    "commit-push": "./commit-push.sh",
     "deploy": "bash deploy.sh"
   },
   "keywords": [
@@ -47,7 +48,7 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "npm run deploy && npm run changelog && npm run testing && git add . && lint-staged",
+      "pre-commit": "lint-staged",
       "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },

src/call/index.ts

@@ -0,0 +1,9 @@
+### 原理
+
+调用一个具有给定 `this` 值的函数，以及作为一个数组(或类似数组对象)提供的参数。
+
+注意: `call()` 方法的作用和 `apply()` 方法类似，区别就是 `call()` 方法接受的是参数列表，而 `apply()` 方法接受的是一个参数数组。
+
+### 参考
+
+[apply](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/apply)

src/primitive/apply/README.md

@@ -0,0 +1,27 @@
+/*
+ * @Author: Rainy
+ * @Date: 2020-04-09 19:02:51
+ * @LastEditors: Rainy
+ * @LastEditTime: 2020-04-09 19:10:17
+ */
+
+import { ObjectMap } from 'types';
+
+// @ts-ignore
+Function.prototype._apply = function(context: ObjectMap<any>, arg: any): any {
+  /* istanbul ignore next */
+  if (typeof this !== 'function') {
+    throw new TypeError('Error');
+  }
+
+  /* istanbul ignore next */
+  context = context ? Object(context) : window
+
+  context.fn = this;
+
+  const result = context.fn(...arg);
+
+  delete context.fn;
+
+  return result;
+};

src/primitive/apply/index.ts

@@ -0,0 +1,21 @@
+### 原理
+
+创建一个新的函数, 在 `bind()` 被调用时, 这个新函数的 `this` 被指定为 `bind()` 的第一个参数, 而其余参数将作为新函数的参数, 供调用时使用。
+
+特点:
+
+- 改变 `this` 指向
+
+- 返回一个函数
+
+- 可以传入参数
+
+Note:
+
+- `new` 的优先级大于 `bind`, 如果 `bind` 绑定后的函数被 `new`了, `this` 会指向当前函数的实例
+
+- 需要保留 **原函数的原型链** 上的属性和方法
+
+### 参考
+
+[bind](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)

src/primitive/bind/README.md

@@ -0,0 +1,27 @@
+/*
+ * @Author: Rainy
+ * @Date: 2020-04-09 19:02:51
+ * @LastEditors: Rainy
+ * @LastEditTime: 2020-04-09 19:33:41
+ */
+
+import { ObjectMap } from 'types';
+
+// @ts-ignore
+Function.prototype._bind = function(context: ObjectMap<any>, ...args: any): any {
+  /* istanbul ignore next */
+  if (typeof this !== 'function') {
+    throw new TypeError('Bind must be called with a function');
+  }
+
+  const _context = this;
+  
+  const fb = function() {
+    // @ts-ignore
+    _context.apply(this instanceof fb ? this : context, args.concat(Array.prototype.slice.call(arguments)));
+  };
+
+  fb.prototype = Object.create(_context.prototype);
+
+  return fb;
+};

src/primitive/bind/index.ts

@@ -2,7 +2,7 @@
  * @Author: Rainy
  * @Date: 2019-11-14 19:25:01
  * @LastEditors: Rainy
- * @LastEditTime: 2019-12-01 11:02:34
+ * @LastEditTime: 2020-04-09 18:53:26
  */
 
 import '.';

src/call/README.md renamed to src/primitive/call/README.md

@@ -0,0 +1,27 @@
+/*
+ * @Author: Rainy
+ * @Date: 2019-11-14 19:25:01
+ * @LastEditors: Rainy
+ * @LastEditTime: 2020-04-09 19:00:57
+ */
+
+import { ObjectMap } from 'types';
+
+// @ts-ignore
+Function.prototype._call = function(context: ObjectMap<any>, ...arg: any): any {
+  /* istanbul ignore next */
+  if (typeof this !== 'function') {
+    throw new TypeError('Error');
+  }
+
+  /* istanbul ignore next */
+  context = context ? Object(context) : window
+
+  context.fn = this;
+
+  const result = context.fn(...arg);
+
+  delete context.fn;
+
+  return result;
+};