如何在JSON.stringify()后让对象中属性为函数的属性不丢失

当我们需要在localStorage中存储一个对象的时候，会想到利用JSON.stringify()方法对对象进行处理，然后保存到localStorage中，读取的时候再进行JSON.parse()即可，可你有没有想过这样一种情况，就是你想保存的这个对象中某个属性为函数怎么办？

因为JSON.stringify()后，会自动忽略掉属性为undefined或函数的属性，这时你就需要用到我下面的这段代码了。

以下面的代码为例，这样我们在JSON.stringify()后并不会丢失greet这个属性，而在JSON.parse()方法中，我们可以使用eval()方法将其从字符串变回函数，从而加以调用。

const obj = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log('Hello!')
  }
};

// 将对象转换为字符串，保留函数
const jsonString = JSON.stringify(obj, (key, value) => {
  // 如果属性值是函数，则返回函数的字符串形式
  if (typeof value === 'function') {
    return value.toString();
  }
  return value;
});
console.log('38',jsonString)
const parsedObj = JSON.parse(jsonString, (key, value) => {
  if (typeof value === 'string' && /^function\s*\(/.test(value)) {
    return eval(`(${value})`); // 将字符串转换为函数
  }
  return value;
});
parsedObj.greet() //页面输出了hello