ES9 中的 JSON.stringify() 的新功能-JavaScript中文网-JavaScript教程资源分享门户

在 ES9（也称为 ECMAScript 2018）中， JSON.stringify() 函数增加了一些新的功能，包括对 BigInt 类型的支持、对循环引用的处理、以及一些其他的参数选项。这篇文章将会为你介绍这些新功能，并且给出相关的示例代码。

支持 `BigInt`

在 ES9 中， JSON.stringify() 函数可以直接支持 BigInt 类型。 BigInt 是一个相对较新的数据类型，它可以用于表示超过 2^53-1（即 JavaScript 中 Number 类型的最大值）的整数。以下是一个使用 BigInt 的示例：

const bigIntNumber = BigInt("9007199254740991");
const jsonString = JSON.stringify({ value: bigIntNumber });
console.log(jsonString);
// 输出：{"value":"9007199254740991"}

在上面的示例中，我们使用 BigInt() 函数来创建了一个大于 Number 类型的最大值的整数，然后将它作为对象的属性值传递给 JSON.stringify() 函数，并将结果以字符串的形式输出。注意，输出结果中使用了双引号来将 BigInt 类型的值作为字符串进行处理。这是因为 JSON 规范中还没有定义 BigInt 类型的语法。

处理循环引用

在 JavaScript 中，对象可能会存在循环引用的情况，例如：

const obj1 = { };
const obj2 = { };
obj1.prop = obj2;
obj2.prop = obj1;

在这个例子中，obj1 和 obj2 彼此引用，形成一个循环引用。对于这种情况，如果直接对整个对象进行 JSON.stringify()，将会导致栈溢出（RangeError: Maximum call stack size exceeded）错误并终止程序。

在 ES9 中， JSON.stringify() 函数增加了解决这种情况的选项：replacer 函数的第二个参数 replacer 可以接收一个 Set 类型的可选参数 replacerSet，用于存储已经遍历过的对象引用，当遍历到当前对象的时候，可以用 replacerSet 中先前存储的引用值来代替当前对象。

以下是一个使用 replacer 函数解决循环引用问题的示例：

// javascriptcn.com 代码示例
const obj1 = { name: "obj1" };
const obj2 = { name: "obj2" };
obj1.oRef = obj2;
obj2.oRef = obj1;

const jsonString = JSON.stringify(
  obj1,
  (key, value) => {
    if(typeof value === 'object' && value !== null){
        if(replacerSet.has(value)){
            return `circular reference: ${value.name}`
        }
        replacerSet.add(value);
    }
    return value;
  },
  2
  );

console.log(jsonString);

在上面的示例中，我们创建了两个对象 obj1 和 obj2，并且相互引用。在使用 JSON.stringify() 函数时，我们通过 replacer 函数和 replacerSet 参数来解决了这个循环引用的问题，并将结果输出为一个带缩进的字符串。值得注意的是，我们在 replacer 函数中新增了一个对 value 对象的引用检查来避免循环引用。

其他选项

在 ES9 中， JSON.stringify() 函数还增加了一些其他选项。下面列出了一些通用的选项：

space：一个可选的用于字符串化输出的空白符, 它可以是一个字符串（最多 10 个空格），或者是一个数字（0 到 10 之间），表示缩进的空格数；
toJSON：一个可选的 JSON 序列化回调函数；

值得注意的是，以上选项并非 ES9 特有，而是早已在之前的版本中就已出现。

总结

在本文中，我们介绍了 ES9 中的 JSON.stringify() 函数的新功能，包括对 BigInt 类型的支持、对循环引用的处理和其他一些参数选项。这些新功能可以让我们更好的操作和处理 JSON 数据，并提升编写 JavaScript 的效率。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653209987d4982a6eb43133c

ES9 中的 JSON.stringify() 的新功能

支持 BigInt

处理循环引用

其他选项

总结

支持 `BigInt`