在JSON.stringify()中，实例的行为有什么不同？

Question

我在Node使用decimal.js进行财务计算。我正在编写一个自定义JSON.stringify替换函数，但是当我使用instanceof测试属性类型时，我得到的结果与在替代器函数之外进行相同测试时的结果不同。

下面是一个可运行的示例：

​

const myObj = {
    myNum: new Decimal(0.3)
};

// logs 'Property "myNum" is a Decimal: true'
console.log('Property "myNum" is a Decimal:', myObj.myNum instanceof Decimal);

const replacer = (key, value) => {

    if (key === 'myNum') {
        // logs 'Property "myNum" is a Decimal: false'
        console.log('Property "myNum" is a Decimal:', value instanceof Decimal);
    }

    if (value instanceof Decimal) {
        return value.toNumber()
    } else {
        return value;
    }
}

JSON.stringify(myObj, replacer, 4);

<script src="https://cdnjs.cloudflare.com/ajax/libs/decimal.js/10.0.0/decimal.js"></script>

​

为什么会发生这种事？

如果我将Decimal实例替换为我自己的自定义类的实例，那么两个instanceof测试的行为与预期相同：

​

function MyClass() {}

const myObj = {
    myClass: new MyClass()
};

// logs 'Property "myClass" is a MyClass: true'
console.log('Property "myClass" is a MyClass:', myObj.myClass instanceof MyClass);

const replacer = (key, value) => {

    if (key === 'myClass') {
        // logs 'Property "myClass" is a MyClass: true'
        console.log('Property "myClass" is a MyClass:', value instanceof MyClass);
    }

    return value;
}

JSON.stringify(myObj, replacer, 4);

​

Answer 1

弄明白了。Decimal实例包括一个.toJSON()方法。当JSON.stringify遇到一个定义toJSON函数的对象时，它会调用它，并将结果作为替换函数中的第二个参数而不是对象引用返回。因此，在我的示例中，value变量指向一个string，而不是Decimal实例。

来自MDN：

如果一个被字符串化的对象具有一个名为toJSON的属性，其值是一个函数，那么toJSON()方法将自定义JSON字符串化行为:而不是被序列化的对象，toJSON()方法调用时返回的值将被序列化。

行为

为了演示这一点，我可以修改上面的第二个示例，以包含一个toJSON函数：

​

function MyClass() {

    // add a toJSON method to my custom class
    this.toJSON = () => {
        return 'Hello, world!';
    };
};

const myObj = {
    myClass: new MyClass()
};

// logs 'Property "myClass" is a MyClass: true'
console.log('Property "myClass" is a MyClass:', myObj.myClass instanceof MyClass);

const replacer = (key, value) => {

    if (key === 'myClass') {
        // logs 'Property "myClass" is a MyClass: true'
        console.log('Property "myClass" is a MyClass:', value instanceof MyClass);
    }

    return value;
}

JSON.stringify(myObj, replacer, 4);

​