如何解析异常JSON字符串？

题目

如何解析如下JSON字符串？

var str = '{a: 1, b: 2}';

解答

比较常规的的eval和new Function这里就不多说了，本文重点说几种奇技淫巧：

0 · [native code].constructor

使用JS内置对象的任意原型方法，如：Object.prototype.toString，Array.prototype.push，RegExp.prototype.test等等，其实这里的实质原理还是new Function。

Object.prototype.toString.constructor === Function // true
Array.prototype.push.constructor === Function // true
RegExp.prototype.test.constructor === Function // true

var json = '{a: 1, b: 2}';
// 严格模式下eval有自己的作用于，直接var接受JSON是获取不到值的，需要挂载再window全局下面
json = 'window.result = ' + json; 
Object.prototype.toString.constructor(json)(); // 1
console.log(result); // {a: 1, b: 2}

1 · script标签 + innerHTML

直接插入script标签，同时把字符串拼接一个接受的变量innerHTML进去。

var json = '{a: 1, b: 2}';
var script = document.createElement('script');
script.innerHTML = 'var result = ' + json;
document.body.appendChild(script);
console.log(result); // {a: 1, b: 2}

2 · script标签 + src

var json = '{a: 1, b: 2}';
var blob = new Blob(['var result = ' + json]);
var src = window.URL.createObjectURL(blob);
var script = document.createElement('script');
script.src = src;
document.body.appendChild(script);
script.onload = function(){
  console.log(result); // {a: 1, b: 2}
}

3 · Worker

var json = '{a: 1, b: 2}';
var blob = new Blob(['postMessage(' + json + ')']);
var src = window.URL.createObjectURL(blob);
var worker = new Worker(src);
worker.onmessage = function(e){
  console.log(e.data); // {a: 1, b: 2}
}

PS：同上，需要再服务器的条件下测试。

4 · location.href

var json = '{a: 1, b: 2}';
location.href = 'javascript:var result = ' + json;
setTimeout(function(){
  console.log(result); // {a: 1, b: 2}
}, 0);