这一部分是对Date String Number Boolean扩展toString方法,Date的toString是返回UTC格式的字符串,而后面几个是返回原始值。

        function f(n) {// 返回两位数字字符串return n < 10 ? ‘0‘ + n: n;}if (typeof Date.prototype.toJSON !== ‘function‘) {//如果Date不支持原生的toJSON方法Date.prototype.toJSON = function() {//扩展Date的toJSON方法//是否是有穷数,如果为true,返回根据UTC时间计算出的年月日时分秒 YYYY-MM-DDThh:mm:ssZ如果为false,返回nullreturn isFinite(this.valueOf()) ? this.getUTCFullYear() + ‘-‘ + f(this.getUTCMonth() + 1) + ‘-‘ + f(this.getUTCDate()) +‘T‘ + f(this.getUTCHours()) + ‘:‘ + f(this.getUTCMinutes()) + ‘:‘ + f(this.getUTCSeconds()) + ‘Z‘: null;};//扩展String Number Boolean的toJSON方法String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function() {return this.valueOf();//返回他们的原始值};}

这里是扩展Stringify方法

        function str(key, holder) {//第一次调用时 key:‘‘, holder:{‘‘: value} var i, // The loop counter.k, // The member key.v, // The member value.length, mind = gap,//初始mind和gap都为""partial, value = holder[key];//第二次调用时 value就是传入的键所对应的值//如果value有toJSON方法if (value && typeof value === ‘object‘ && typeof value.toJSON === ‘function‘) {value = value.toJSON(key);//调用value.toJSON方法}if (typeof rep === ‘function‘) {//如果replace是一个方法value = rep.call(holder, key, value);}// 判断value类型switch (typeof value) {case ‘string‘://如果是字符串,加引号return quote(value);case ‘number‘://如果是数值//有穷数用原生的String()将数值转为符串,否则返回nullreturn isFinite(value) ? String(value) : ‘null‘;case ‘boolean‘://如果是bool值或者null,返回String(value)case ‘null‘:return String(value);case ‘object‘://如果是对象if (!value) {//nullreturn ‘null‘;}gap += indent;//分隔符partial = [];//临时数组if (Object.prototype.toString.apply(value) === ‘[object Array]‘) {//数组length = value.length;for (i = 0; i < length; i += 1) {//对数组的每一项递归调用strpartial[i] = str(i, value) || ‘null‘;}// 如果partial为[],返回"[]"// 如果 gap分隔符存在,返回[\n‘ + gap + partial.join(‘,\n‘ + gap) + ‘\n‘ + mind + ‘]‘// 如果分隔符不存在,返回‘[‘ + partial.join(‘,‘) + ‘]‘v = partial.length === 0 ? ‘[]‘: gap ? ‘[\n‘ + gap + partial.join(‘,\n‘ + gap) + ‘\n‘ + mind + ‘]‘: ‘[‘ + partial.join(‘,‘) + ‘]‘;gap = mind;//重置为""return v;}if (rep && typeof rep === ‘object‘) {//如果rep存在且为数组或者对象length = rep.length;//如果是数组for (i = 0; i < length; i += 1) {//过滤if (typeof rep[i] === ‘string‘) {k = rep[i];//键是数组的值v = str(k, value);//递归调用if (v) {//"key": value 或者"key":valuepartial.push(quote(k) + (gap ? ‘: ‘: ‘:‘) + v);}}}} else {//如果不是数组或方法或不存在for (k in value) {if (Object.prototype.hasOwnProperty.call(value, k)) {v = str(k, value);if (v) {partial.push(quote(k) + (gap ? ‘: ‘: ‘:‘) + v);}}}}v = partial.length === 0 ? ‘{}‘: gap ? ‘{\n‘ + gap + partial.join(‘,\n‘ + gap) + ‘\n‘ + mind + ‘}‘: ‘{‘ + partial.join(‘,‘) + ‘}‘;gap = mind;return v;}}

下面是图解:

        function quote(string) {//将传入的字符串加上引号,有必要转义的先转义escapable.lastIndex = 0;//起始位置从0开始return escapable.test(string) ? ‘"‘ + string.replace(escapable,function(a) {//匹配到的字符 如\t \nvar c = meta[a];//字符对应的转义表示//如果c是字符串 ,直接返回对象中键所对应的值  ‘\t‘=>‘\\t‘//如果c不是字符串,也就是说它不在meta对象中,这时做不同的转义处理://拿 a为"\u0600"举例//a.charCodeAt(0) =>1536//a.charCodeAt(0).toString(16) => 600//(‘0000‘ + a.charCodeAt(0).toString(16)) =>0000600//(‘0000‘ + a.charCodeAt(0).toString(16)).slice( - 4) 取最后四位 => 0600//‘\\u‘ + (‘0000‘ + a.charCodeAt(0).toString(16)).slice( - 4)) ‘\\u0600‘return typeof c === ‘string‘ ? c: ‘\\u‘ + (‘0000‘ + a.charCodeAt(0).toString(16)).slice( - 4);}) + ‘"‘: ‘"‘ + string + ‘"‘;}

这里是扩展parse方法

        if (typeof JSON.parse !== ‘function‘) {//如果JSON没有parse方法cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;JSON.parse = function(text, reviver) {//扩展JSON方法var j;function walk(holder, key) {// walk({‘‘:j},‘‘)var k, v, value = holder[key];//value第一次是传入的eval编译后的结果if (value && typeof value === ‘object‘) {//如果value存在并且是对象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];}}}}//调用walk之前有判断,所以在这里reviver肯定存在return reviver.call(holder, key, value);}text = String(text);cx.lastIndex = 0;if (cx.test(text)) {text = text.replace(cx,function(a) {// \u0600   --->  \\u0600 因为\需要转义return ‘\\u‘ + (‘0000‘ + a.charCodeAt(0).toString(16)).slice( - 4);});}// text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, ‘@‘) // =>把\\t \\uffff 这类转为@// =>var text=‘{"a":"\\t44","b":"\\uffff"}‘;  text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, ‘@‘);  //{"a":"@44","b":"@"}// replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ‘]‘)// =>把非空字符串、数值、bool、null替换为]// .replace(/(?:^|:|,)(?:\s*\[)+/g, ‘‘)// => 把 [   ,[    :[  这类的替换为‘‘// 如果剩余的字符串只剩下 ]:,{}和空格 就是测试通过,否则抛出异常if (/^[\],:{}\s]*$/.test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, ‘@‘)
.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ‘]‘).replace(/(?:^|:|,)(?:\s*\[)+/g, ‘‘))) {j = eval(‘(‘ + text + ‘)‘);//eval()传入的参数加括号编译return typeof reviver === ‘function‘ ? walk({//如果第二个参数是函数 返回walk({‘‘:j},‘‘)的结果,否则直接返回eval编译的结果‘‘: j},‘‘) : j;}throw new SyntaxError(‘JSON.parse‘);};}

通过一系列的替换操作,如果剩下的字符串只剩下 ]:,{}和空格,测试通过,接下来就可以用eval编译。

如果parse方法的第二个参数存在,返回walk的调用结果,否则直接返回eval编译结果。

//reviver的用法:
// var jsontext = ‘{ "hiredate": "2008-01-01T12:00:00Z", "birthdate": "2008-12-25T12:00:00Z" }‘;
// var dates = JSON.parse(jsontext, dateReviver);
// console.log(dates); // function dateReviver(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;
// }; 

[转]json2.js 源码解读相关推荐

  1. Evil.js源码解读

    https://github.com/duo001/evil.js 火爆全网的 Evil.js 源码解读 火爆全网的 Evil.js 源码解读 什么?黑心996公司要让你提桶跑路了? 想在离开前给你们 ...

  2. underscore-1.8.3.js 源码解读全文注释版

    // Underscore.js 1.8.3 // http://underscorejs.org // (c) 2009-2015 Jeremy Ashkenas, DocumentCloud an ...

  3. 火爆全网的 Evil.js 源码解读

    我是HullQin,公众号线下聚会游戏的作者(欢迎关注公众号,发送加微信,交个朋友),转发本文前需获得作者HullQin授权.我独立开发了<联机桌游合集>,是个网页,可以很方便的跟朋友联机 ...

  4. Backbone.js源码解读(转载)

    前言: 个人也翻译过一遍,可是基础知识不够,所以理解的没有很清楚//Backbone.js 0.9.2//(c) 2010-2012 Jeremy Ashkenas, DocumentCloud In ...

  5. prototype.js 源码解读v1.3.1版本

    prototype 1.3.1 版本和之前的 1.2.0 版本有了不少改进,并增加了新的功能: 1. 增加了事件注册管理 2. 增加了空间定位的常用函数 3. 改善了 xmlhttp 的封装 4. 移 ...

  6. 源码解读一:omit.js

    koroFileHeader插件 在插件市场下载koroFileHeader 在setting.json文件中配置一下内容 // 头部注释 "fileheader.customMade&qu ...

  7. js define函数_不夸张,这真的是前端圈宝藏书!360前端工程师Vue.js源码解析

    优秀源代码背后的思想是永恒的.普适的. 这些年来,前端行业一直在飞速发展.行业的进步,导致对从业人员的要求不断攀升.放眼未来,虽然仅仅会用某些框架还可以找到工作,但仅仅满足于会用,一定无法走得更远.随 ...

  8. Feflow 源码解读

    Feflow 源码解读 Feflow(Front-end flow)是腾讯IVWEB团队的前端工程化解决方案,致力于改善多类型项目的开发流程中的规范和非业务相关的问题,可以让开发者将绝大部分精力集中在 ...

  9. 前端日报-20160527-underscore 源码解读

    underscore 源码解读 API文档浏览器 JavaScript 中加号操作符细节 抛弃 jQuery,拥抱原生 JS 从 0 开始学习 GitHub 系列之「加入 GitHub」 js实现克隆 ...

最新文章

  1. UICollectionView的headerView、footerView使用以及与UITableView加载headerView、footerView的区别...
  2. c语言中仅分号,问什么C程序里总是提示缺少分号;,而明明有分号?
  3. 〖Linux〗穿越城墙之后,直接连接国内网站的路由配置
  4. [秘技]解决QQ音乐超出服务区域问题
  5. sql/c#十六进制与十进制的转换
  6. 设置,获取和删除Cookies
  7. [USACO13JAN] Seating
  8. HDOJ--2066--一个人的旅行
  9. 【转】局部变量和全局变量---------------【答不对,你还敢说你精通、熟悉python?】...
  10. Android View框架总结(二)View焦点
  11. RedHat Enterprise Linux 4的新安全机制-SELinux
  12. 一个人分享的经历的故事和感悟
  13. 文本自动生成研究进展与趋势之文本到文本的生成
  14. Jquery 中a||的含义
  15. 【C语言】详解qsort函数使用和模拟实现
  16. ps怎么清屏_学会ps这几个功能,刷屏朋友圈的照片随手捏来,创意无处不在
  17. windows下php连接Oracle配置
  18. [整站源码]thinkphp古筝古琴书画培训类网站模板+前后端源码
  19. 指数为负数的幂函数 c语言,C语言:求幂函数和指数函数的方法
  20. 迷宫之深搜回溯算法(B站)

热门文章

  1. scanner怎样回到文件开头_Radare2逆向分析dex/so/二进制等文件的使用方法
  2. python导入csv文件是如何预览后10行-使用python中的csv reader只读取前N行csv文件
  3. 电脑开不了不用U盘怎么装系统?
  4. Map,HashMap,TreeMap
  5. 美特斯邦威java面试_在美特斯邦威工作一个月,我学到了什么
  6. MySQL statefulset_Kubernetes进阶之StatefulSet有状态部署
  7. 优秀logo设计解析_优秀Logo设计!汽车类标志表现手法
  8. 10没有基于策略的qos_基于强化学习的用户移动场景下空中基站3D位置高效部署...
  9. Ansible之playbook(剧本)介绍和配置详解
  10. Linux下scp无密码上传 下载 文件 目录的方法