feat: 完成手写call & apply & bind & 解析url的params

Author: coderwei99

README.md

@@ -8,6 +8,10 @@
 - [x] 生成 x\*y 的数组 用 0 填充
 - [x] 扁平化数组
 - [x] 下划线转驼峰
+- [x] 手写 call
+- [x] 手写 apply
+- [x] 手写 bind
+- [x] 手写 url 解析参数
 
 ## 排序算法
 

面试常见的手写题/08-call.js

@@ -0,0 +1,17 @@
+Function.prototype.MyCall = function (thisArg, ...arg) {
+  thisArg = thisArg !== null && thisArg !== undefined ? Object(thisArg) : window
+  thisArg.fn = this
+  const res = thisArg.fn(...arg)
+  delete thisArg.fn
+  return res
+}
+
+function foo(a, b, c) {
+  console.log(this.name, a, b, c)
+}
+
+const obj = {
+  name: 'coderwei',
+}
+
+foo.MyCall(obj, 1, 2, 3)

面试常见的手写题/09-apply.js

@@ -0,0 +1,17 @@
+Function.prototype.MyApply = function (thisArg, arg) {
+  thisArg = thisArg !== null && thisArg !== undefined ? Object(thisArg) : window
+  thisArg.fn = this
+  const res = thisArg.fn(...arg)
+  delete thisArg.fn
+  return res
+}
+
+function foo(a, b, c) {
+  console.log(this.name, a, b, c)
+}
+
+const obj = {
+  name: 'coderwei',
+}
+
+foo.MyApply(obj, [1, 2, 3])

面试常见的手写题/10-bind.js

@@ -0,0 +1,21 @@
+Function.prototype.MyBind = function (thisArg, ...arg) {
+  thisArg = thisArg !== null && thisArg !== undefined ? Object(thisArg) : window
+  thisArg.fn = this
+  // const res = thisArg.fn(...arg)
+  return function (...arg2) {
+    const res = thisArg.fn(...arg, ...arg2)
+    return res
+  }
+}
+
+function foo(a, b, c) {
+  console.log(this.name, a, b, c)
+  return 1
+}
+
+const obj = {
+  name: 'coderwei',
+}
+
+const bar = foo.MyBind(obj, 1)
+console.log(bar(2, 3))

面试常见的手写题/11-url参数问题.js

@@ -0,0 +1,25 @@
+//考虑存在重复的query的情况 输出格式为: { name: 'koala', study: [ 'js', 'node', '123' ] }
+let urlStr1 = 'http://www.inode.club?name=koala&study=js&study=node&study=123'
+
+function queryString2(request) {
+  let str = request.split('?')[1]
+  console.log(str)
+  let obj = {}
+  const params = str.split('&')
+  params.forEach((item) => {
+    const [key, value] = item.split('=')
+    if (obj[key]) {
+      if (Array.isArray(obj[key])) {
+        obj[key].push(value)
+      } else {
+        obj[key] = [obj[key], value]
+      }
+    } else {
+      obj[key] = value
+    }
+  })
+
+  console.log(obj)
+  return obj
+}
+queryString2(urlStr1)