手写JSON，深究前端面试常考的柯里化细节

2023-09-18 11:07:49

函数柯里化：揭秘其强大威力，助你攻克前端面试

在前端开发领域，函数柯里化是一个不容忽视的概念。它不仅能提升代码的可读性、可维护性和可重用性，更能在面试中成为你的制胜法宝。本文将深入解析函数柯里化的本质，并手把手教你手写JSON.stringify和JSON.parse函数，助你轻松应对前端面试。

函数柯里化：从原理到妙用

柯里化，简单来说，就是将一个多参数函数转换成一系列单参数函数。举个例子，我们有一个函数 add，它接受两个参数 a 和 b，返回它们的和。

function add(a, b) {
  return a + b;
}

通过柯里化，我们可以将 add 函数转换成如下形式：

function curryAdd(a) {
  return function(b) {
    return a + b;
  };
}

现在，我们可以使用 curryAdd 函数如下：

const add5 = curryAdd(5);
const result = add5(10);
console.log(result); // 输出 15

正如你所看到的，curryAdd 函数返回了一个新的函数，它接收一个参数 b，并返回最终结果。这正是柯里化的魅力所在，它使我们可以逐步构建函数，同时保持代码的清晰性和模块化。

手写JSON.stringify和JSON.parse：提升面试竞争力

JSON.stringify和JSON.parse是前端面试中的常客，掌握它们可以展现你的 JavaScript 功底。接下来，我们将从头开始手写这两个函数。

JSON.stringify

function JSONstringify(obj) {
  if (obj === null) {
    return "null";
  } else if (typeof obj === "string") {
    return '"' + obj + '"';
  } else if (typeof obj === "number" || typeof obj === "boolean") {
    return obj.toString();
  } else if (Array.isArray(obj)) {
    let result = "[";
    for (let i = 0; i < obj.length; i++) {
      result += JSONstringify(obj[i]) + ",";
    }
    result = result.slice(0, -1);
    result += "]";
    return result;
  } else if (typeof obj === "object") {
    let result = "{";
    for (let key in obj) {
      result += '"' + key + '":' + JSONstringify(obj[key]) + ",";
    }
    result = result.slice(0, -1);
    result += "}";
    return result;
  }
}

JSON.parse

function JSONparse(str) {
  if (str === "null") {
    return null;
  } else if (str.startsWith('"') && str.endsWith('"')) {
    return str.slice(1, -1);
  } else if (str === "true" || str === "false") {
    return str === "true";
  } else if (str.startsWith("[") && str.endsWith("]")) {
    let result = [];
    let subStr = str.slice(1, -1);
    let arr = subStr.split(",");
    for (let i = 0; i < arr.length; i++) {
      result.push(JSONparse(arr[i]));
    }
    return result;
  } else if (str.startsWith("{") && str.endsWith("}")) {
    let result = {};
    let subStr = str.slice(1, -1);
    let arr = subStr.split(",");
    for (let i = 0; i < arr.length; i++) {
      let key = arr[i].slice(0, arr[i].indexOf(":"));
      let value = arr[i].slice(arr[i].indexOf(":") + 1);
      result[key] = JSONparse(value);
    }
    return result;
  }
}