JavaScript 的json源码，面试经验网

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

// and parse. This file is provides the ES5 JSON capability to ES3 systems.

// If a project might run on IE8 or earlier, then this file should be included.

// This file does nothing on ES5 systems.

// JSON.stringify(value, replacer, space)

// value any JavaScript value, usually an object or array.

// replacer an optional parameter that determines how object

// values are stringified for objects. It can be a

// function or an array of strings.

// space an optional parameter that specifies the indentation

// of nested structures. If it is omitted, the text will

// be packed without extra whitespace. If it is a number,

// it will specify the number of spaces to indent at each

// level. If it is a string (such as “\t” or " "),

// it contains the characters used to indent at each level.

// This method produces a JSON text from a JavaScript value.

// When an object value is found, if the object contains a toJSON

// method, its toJSON method will be called and the result will be

// stringified. A toJSON method does not serialize: it returns the

// value represented by the name/value pair that should be serialized,

// or undefined if nothing should be serialized. The toJSON method

// will be passed the key associated with the value, and this will be

// bound to the value.

// For example, this would serialize Dates as ISO strings.

// Date.prototype.toJSON = function (key) {

// function f(n) {

// // Format integers to have at least two digits.

// return (n < 10)

// ? “0” + n

// : n;

// }

// return this.getUTCFullYear() + “-” +

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

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

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

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

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

// };

// You can provide an optional replacer method. It will be passed the

// key and value of each member, with this bound to the containing

// object. The value that is returned from your method will be

// serialized. If your method returns undefined, then the member will

// be excluded from the serialization.

// If the replacer parameter is an array of strings, then it will be

// used to select the members to be serialized. It filters the results

// such that only members with keys listed in the replacer array are

// stringified.

// Values that do not have JSON representations, such as undefined or

// functions, will not be serialized. Such values in objects will be

// dropped; in arrays they will be replaced with null. You can use

// a replacer function to replace those with JSON values.

// JSON.stringify(undefined) returns undefined.

// The optional space parameter produces a stringification of the

// value that is filled with line breaks and indentation to make it

// easier to read.

// If the space parameter is a non-empty string, then that string will

// be used for indentation. If the space parameter is a number, then

// the indentation will be that many spaces.

// Example:

// text = JSON.stringify([“e”, {pluribus: “unum”}]);

// // text is ‘[“e”,{“pluribus”:“unum”}]’

// text = JSON.stringify([“e”, {pluribus: “unum”}], null, “\t”);

// // text is ‘[\n\t"e",\n\t{\n\t\t"pluribus": “unum”\n\t}\n]’

// text = JSON.stringify([new Date()], function (key, value) {

// return this[key] instanceof Date

// ? “Date(” + this[key] + “)”

// : value;

// });

// // text is ‘[“Date(—current time—)”]’

// JSON.parse(text, reviver)

// This method parses a JSON text to produce an object or array.

// It can throw a SyntaxError exception.

// The optional reviver parameter is a function that can filter and

// transform the results. It receives each of the keys and values,

// and its return value is used instead of the original value.

// If it returns what it received, then the structure is not modified.

// If it returns undefined then the member is deleted.

// Example:

// // Parse the text. Values that look like ISO date strings will

// // be converted to Date objects.

// myData = JSON.parse(text, function (key, value) {

// var a;

// if (typeof value === “string”) {

// a =

// /^(\d{4})-(\d{2})-(\d{2})T(\d{2})😦\d{2})😦\d{2}(?:.\d*)?)Z$/.exec(value);

// if (a) {

// return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],

// +a[5], +a[6]));

// }

// }

// return value;

// });

// myData = JSON.parse(‘[“Date(09/09/2001)”]’, function (key, value) {

// var d;

// if (typeof value === “string” &&

// value.slice(0, 5) === “Date(” &&

// value.slice(-1) === “)”) {

// d = new Date(value.slice(5, -1));

// if (d) {

// return d;

// }

// }

// return value;

// });

// This is a reference implementation. You are free to copy, modify, or

// redistribute.

/*jslint

eval, for, this

*/

/*property

JSON, apply, call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,

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;

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
}

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

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

length = rep.length;

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-AxrSvsIU-1713308232273)]

[外链图片转存中…(img-bB1NO0It-1713308232274)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-57YoeOAN-1713308232274)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

---

1. ],:{}\s ↩︎