一、现象

使用数据时涉及到了简单的深拷贝数据,我使用了简单粗暴的JSON.parse(JSON.stringify(***))来做,但这引发了一个未知错误(其实是自己无知了),即我深拷贝的这个对象的值会有undefined的时候,此时就会报错

JSON.parse(JSON.stringify(undefined))

// 报错
Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at <anonymous>:1:6

在这里插入图片描述

二、反思

这个问题给我带来了非常大的困扰,因为我是在表单的自定义校验中使用的,表单的自定义校验代码出错时控制台是无法打出log的,这是我通过排除法定位到的问题,我又做了更多的实验

在这里插入图片描述

最终发现是问题是JSON.parse(),它是无法对undefinedor ''进行解析的
JSON.parse()内容必须符合JSON格式规范,具体可以查看菜鸟和w3c等

三、解决方案

let obj = JSON.stringify(undefined)
let obj2 = obj && JSON.parse(obj) || {};

在这里插入图片描述

即操作前先判断数值是否存在
以后看文档的时候要 多注意接参的要求和返回值的类型!!!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐