2024年前端最全JavaScript 的json源码(1)，1-3年前端开发工程师面试经验分享

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,

lastIndex, length, parse, prototype, push, replace, slice, stringify,

test, toJSON, toString, valueOf

*/

// Create a JSON object only if one does not already exist. We create the

// methods in a closure to avoid creating global variables.

if (typeof JSON !== “object”) {

JSON = {};

}

(function () {

“use strict”;

var rx_one = /¹*$/;

var rx_two = /\(?:["\/bfnrt]|u[0-9a-fA-F]{4})/g;

var rx_three = /“[^”\\n\r]"|true|false|null|-?\d+(?:.\d)?(?:[eE][+-]?\d+)?/g;

var rx_four = /(?:^|:|,)(?:\s*[)+/g;

var rx_escapable = /[\"\u0000-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;

var rx_dangerous = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;

function f(n) {

// Format integers to have at least two digits.

return n < 10

? “0” + n

n;

}

function this_value() {

return this.valueOf();

}

if (typeof Date.prototype.toJSON !== “function”) {

Date.prototype.toJSON = function () {

return isFinite(this.valueOf())

? this.getUTCFullYear() + “-” +

f(this.getUTCMonth() + 1) + “-” +

f(this.getUTCDate()) + “T” +

f(this.getUTCHours()) + “:” +

f(this.getUTCMinutes()) + “:” +

f(this.getUTCSeconds()) + “Z”

null;

};

Boolean.prototype.toJSON = this_value;

Number.prototype.toJSON = this_value;

String.prototype.toJSON = this_value;

}

var gap;

var indent;

var meta;

var rep;

function quote(string) {

// If the string contains no control characters, no quote characters, and no

// backslash characters, then we can safely slap some quotes around it.

// Otherwise we must also replace the offending characters with safe escape

// sequences.

rx_escapable.lastIndex = 0;

return rx_escapable.test(string)

? “”" + string.replace(rx_escapable, function (a) {

var c = meta[a];

return typeof c === “string”

? c

“\u” + (“0000” + a.charCodeAt(0).toString(16)).slice(-4);

}) + “”"

“”" + string + “”";

}

function str(key, holder) {

// Produce a string from holder[key].

var i; // The loop counter.

var k; // The member key.

var v; // The member value.

var length;

var mind = gap;

var partial;

var value = holder[key];

// If the value has a toJSON method, call it to obtain a replacement value.

if (value && typeof value === “object” &&

typeof value.toJSON === “function”) {

value = value.toJSON(key);

}

// If we were called with a replacer function, then call the replacer to

// obtain a replacement value.

if (typeof rep === “function”) {

value = rep.call(holder, key, value);

}

// What happens next depends on the value’s type.

switch (typeof value) {

case “string”:

return quote(value);

case “number”:

// JSON numbers must be finite. Encode non-finite numbers as null.

return isFinite(value)

? String(value)

“null”;

case “boolean”:

case “null”:

// If the value is a boolean or null, convert it to a string. Note:

// typeof null does not produce “null”. The case is included here in

// the remote chance that this gets fixed someday.

return String(value);

// If the type is “object”, we might be dealing with an object or an array or

// null.

case “object”:

// Due to a specification blunder in ECMAScript, typeof null is “object”,

// so watch out for that case.

if (!value) {

return “null”;

}

// Make an array to hold the partial results of stringifying this object value.

gap += indent;

partial = [];

// Is the value an array?

if (Object.prototype.toString.apply(value) === “[object Array]”) {

// The value is an array. Stringify every element. Use null as a placeholder

// for non-JSON values.

length = value.length;

for (i = 0; i < length; i += 1) {

partial[i] = str(i, value) || “null”;

}

// Join all of the elements together, separated with commas, and wrap them in

// brackets.

v = partial.length === 0

? “[]”

gap

? “[\n” + gap + partial.join(“,\n” + gap) + “\n” + mind + “]”

“[” + partial.join(“,”) + “]”;

gap = mind;

return v;

}

// If the replacer is an array, use it to select the members to be stringified.

if (rep && typeof rep === “object”) {

length = rep.length;

for (i = 0; i < length; i += 1) {

if (typeof rep[i] === “string”) {

k = rep[i];

v = str(k, value);

if (v) {

partial.push(quote(k) + (

gap

? ": "

“:”

) + v);

}

}

}

} else {

// Otherwise, iterate through all of the keys in the object.

for (k in value) {

if (Object.prototype.hasOwnProperty.call(value, k)) {

v = str(k, value);

if (v) {

partial.push(quote(k) + (

gap

? ": "

“:”

) + v);

}

}

}

}

// Join all of the member texts together, separated with commas,

// and wrap them in braces.

v = partial.length === 0

? “{}”

gap

? “{\n” + gap + partial.join(“,\n” + gap) + “\n” + mind + “}”

“{” + partial.join(“,”) + “}”;

gap = mind;

return v;

}

}

// If the JSON object does not yet have a stringify method, give it one.

if (typeof JSON.stringify !== “function”) {

meta = { // table of character substitutions

“\b”: “\b”,

“\t”: “\t”,

“\n”: “\n”,

“\f”: “\f”,

“\r”: “\r”,

“”“: “\””,

“\”: “\\”

};

JSON.stringify = function (value, replacer, space) {

// The stringify method takes a value and an optional replacer, and an optional

// space parameter, and returns a JSON text. The replacer can be a function

// that can replace values, or an array of strings that will select the keys.

// A default replacer method can be provided. Use of the space parameter can

// produce text that is more easily readable.

var i;

gap = “”;

indent = “”;

// If the space parameter is a number, make an indent string containing that

// many spaces.

if (typeof space === “number”) {

for (i = 0; i < space; i += 1) {

indent += " ";

}

// If the space parameter is a string, it will be used as the indent string.

} else if (typeof space === “string”) {

indent = space;

}

// If there is a replacer, it must be a function or an array.

// Otherwise, throw an error.

rep = replacer;

if (replacer && typeof replacer !== “function” &&

(typeof replacer !== “object” ||

typeof replacer.length !== “number”)) {

throw new Error(“JSON.stringify”);

}

// Make a fake root object containing our value under the key of “”.

// Return the result of stringifying the value.

return str(“”, {“”: value});

};

}

// If the JSON object does not yet have a parse method, give it one.

if (typeof JSON.parse !== “function”) {

JSON.parse = function (text, reviver) {

// The parse method takes a text and an optional reviver function, and returns

// a JavaScript value if the text is a valid JSON text.

var j;

function walk(holder, key) {

// The walk method is used to recursively walk the resulting structure so

// that modifications can be made.

var k;

var v;

var value = holder[key];

if (value && typeof value === “object”) {

for (k in value) {

if (Object.prototype.hasOwnProperty.call(value, k)) {

v = walk(value, k);

if (v !== undefined) {

value[k] = v;

} else {

delete value[k];

}

}

}

}

return reviver.call(holder, key, value);

}

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

---

1. ],:{}\s ↩︎