JS 冷门报错 🥶 ​

JSON.parse 引发的报错 🥶 ​

最近有个需求上线了，在测试环境发现只要一打开 app 就闪退，是有报错导致的，最终定位下发现是JSON.parse()报错导致的，挺震惊的。

大家可以先思考下以下哪些语句会导致报错呢？

JSON.parse(undefined)
JSON.parse(null)
JSON.parse()
JSON.parse('')
JSON.parse('11')
JSON.parse(11)
JSON.parse(0)

JSON.parse(undefined)
JSON.parse(null)
JSON.parse()
JSON.parse('')
JSON.parse('11')
JSON.parse(11)
JSON.parse(0)

最终揭晓吧：

以下的都不报错

JSON.parse(null)
JSON.parse('11')
JSON.parse(11)
JSON.parse(0)

JSON.parse(null)
JSON.parse('11')
JSON.parse(11)
JSON.parse(0)

比较令我震惊的是：JSON.parse(null);不报错，而JSON.parse('');居然会报错。

我的 app 闪退的原因也就是因为JSON.parse('');触发的报错，所以为了解决这个问题，我们可以专门封装一个 parse 方法，防止报错！

export function parseJSON<T>(jsonString: string) {
	try {
		return JSON.parse(json) as T
	} catch {
		return null
	}
}

export function parseJSON<T>(jsonString: string) {
	try {
		return JSON.parse(json) as T
	} catch {
		return null
	}
}

解析 ​

感谢评论区大佬的回答，让我知道了触发这个问题的原因，顺带更加深入的理解了一下什么是 JSON格式 ，过去理解的 JSON格式是不够全面的

之所以JSON.parse在有的时候会报错，需要知道这个方法的本质是将一个字符串数据转成 JSON格式，只有在实在没有办法转成JSON格式的情况下才会触发报错，所以我们要重新认识一下什么是JSON格式。

{
  "key":"value"
}

{
  "key":"value"
}

null

null

111

111

[1,2,3]

[1,2,3]

以上的都属于JSON格式，可以直接在编辑器试下就会很方便的知道哪些是有语法错误的。之所以JSON.parse('111')不报错是因为将其转为了数字111，数字是属于JSON格式的，而JSON.parse('abc')会报错，是因为字符串'abc'没有办法转成数字，就会直接报错了！