feat: a simple function parse url Params | 解析url params 简单实现

Author: crossskyLi

algorithm/urlParams.js

@@ -0,0 +1,27 @@
+export function parseParam(url) {
+  // 正则解析出 ? 后面的内容
+  // 对后面的内容split &
+  // split =
+  // 兼容没有= 的key
+  const reg = /.+\?(.+)$/;
+  const paramStr = reg.exec(url)[1];
+  const obj = {};
+  paramStr.split('&').forEach((keyValueStr) => {
+    let [key, value] = keyValueStr.split('=');
+    if (Object.prototype.toString.call(value) !== '[object Undefined]') {
+      value = encodeURIComponent(value);
+      value = /^\d+$/.test(value) ? parseFloat(value) : value
+      if (obj.hasOwnProperty(key)) {
+        obj[key] = [].concat(obj[key], value)
+      } else {
+        obj[key] = value;
+      }
+    } else {
+      obj[key] = true;
+    }
+  })
+}
+(() => {
+  const url = "http://www.badd.com?a=2&b&a=%22&a=22"
+  parseParam(url)
+})()

designPattern/simpleFactory.js

@@ -5,7 +5,6 @@ function test() {
 
 
   function ObjectFactory() {
-    debugger
     var obj = {};
     // 获取第一个参数作为constructor
     var Constructor = Array.prototype.shift.call(arguments);

renderTemplate/index.js

@@ -0,0 +1,23 @@
+const template = `姓名:{{name}} 年龄:{{age}} 性别:{{sex}}`
+const data = {
+  name: "张三",
+  age: 23,
+  sex: '男'
+}
+
+
+export function render(template, data) {
+  let _template = template;
+  const reg = /\{\{(\w+)\}\}/g
+  // while (reg.test(_template)) {
+  _template = _template.replace(reg, (...args) => {
+    const key = args[1]
+    return data[key.trim()];
+  })
+  // }
+  return _template
+}
+
+const result = render(template, data);
+console.log(result)
+debugger;

src/index.js

@@ -21,3 +21,5 @@ import designPattern from "../designPattern"
 
 // url parser
 import url from "../url"
+import { urlParams } from "../algorithm/urlParams"
+import * as renderTemplate from "../renderTemplate"

url/index.js

@@ -64,7 +64,7 @@ export const Url = {
   }
 };
 // test
-(()=>{
+(() => {
   let result
   result = Url.parse('http://localhost:8080/');
   console.log(result)
@@ -75,6 +75,4 @@ export const Url = {
   result = Url.isAbsolute('://localhost:8080/');
   console.log(result)
 
-  debugger;
-
 })(window)