手写JavaScript代码：实现new操作符与JSON.stringify

"本文主要介绍了两个中高级前端面试中常见的JavaScript手写代码题目：实现`new`操作符和`JSON.stringify`方法。通过理解和实践这些知识点，可以提升前端开发者的技能水平，为面试做好准备。" 在前端面试中，手写代码是检验开发者对JavaScript基础理解的重要环节。以下是对这两个题目的详细解析： ### 1. 实现`new`操作符 `new`操作符在JavaScript中起着至关重要的作用，它主要做了以下几件事： 1. 创建新对象：在内存中创建一个新的对象。 2. 设置原型链：新对象的`__proto__`属性会被设置为构造函数的`prototype`对象，这样新对象就可以访问构造函数原型上的属性和方法。 3. 改变`this`指向：在构造函数内部，`this`关键字会指向新创建的对象。 4. 执行构造函数：将新对象作为上下文执行构造函数，并传递参数。 5. 返回结果：如果构造函数返回了非null的Object类型，就返回这个对象；否则，返回新创建的对象。 下面是一个简单的`new`操作符模拟实现： ```javascript function New(func) { var res = {}; if (func.prototype !== null) { res.__proto__ = func.prototype; } var ret = func.apply(res, Array.prototype.slice.call(arguments, 1)); if ((typeof ret === "object" || typeof ret === "function") && ret !== null) { return ret; } return res; } // 示例使用 var obj = New(A, 1, 2); // 等同于 var obj = new A(1, 2); ``` ### 2. 实现`JSON.stringify`方法 `JSON.stringify()`方法用于将JavaScript值转换为JSON字符串。以下是其主要规则： 1. 基本类型转换：基本类型如`Boolean`、`Number`和`String`会被转换为相应的原始值。 2. 忽略特定类型：`undefined`、函数和`Symbol`类型会被忽略，或者在数组中被转换为`null`。 3. 不可枚举属性：不可枚举的属性不会被包含在转换后的JSON字符串中。 4. 处理循环引用：当对象中存在循环引用时，该属性会被忽略。 下面是一个简单的`JSON.stringify`实现示例： ```javascript function jsonStringify(obj) { let type = typeof obj; if (type !== "object") { if (/string|undefined|function/.test(type)) { obj = '"' + obj + '"'; } return String(obj); } else { let json = []; let arr = Array.isArray(obj); for (let k in obj) { let v = obj[k]; let type = typeof v; // ... 其他处理逻辑，包括递归调用jsonStringify处理嵌套对象 } } } ``` 在实际实现`jsonStringify`时，需要考虑更多细节，例如处理嵌套对象、循环引用、保留函数等，以及如何处理`replacer`参数和`space`参数来控制序列化过程。这需要进一步完善代码，以确保与原生`JSON.stringify`行为一致。 了解并能手写出这些基础的JavaScript功能，不仅可以帮助开发者在面试中脱颖而出，也能在日常开发中更好地理解和解决问题，提升编程效率。因此，对这些知识点的深入学习和实践是每个前端开发者必备的技能。