重写JSON.stringify引发AngularJS报错，如何实现忽略指定字段？

嘿，我之前也踩过AngularJS和自定义全局JSON序列化的坑，你的问题核心在于重写全局JSON.stringify会彻底打乱AngularJS的内部运行逻辑——AngularJS在$http请求处理、状态管理甚至部分指令的底层实现里，都依赖原生JSON.stringify的标准行为，自定义替换后必然会触发各种莫名其妙的错误。

咱们换个思路，不用动全局方法，就能实现“序列化时忽略指定字段”的需求，这里给你几个靠谱的方案：

1. 针对单个请求/对象的局部序列化 #

如果只是特定场景下需要过滤字段，直接写一个专用的序列化函数，调用原生JSON.stringify并传入过滤函数即可：

// 自定义序列化函数：传入对象和要忽略的字段数组
function serializeFiltered(obj, ignoredFields) {
  return JSON.stringify(obj, (key, value) => {
    // 遇到要忽略的字段就返回undefined，JSON.stringify会自动跳过它
    return ignoredFields.includes(key) ? undefined : value;
  });
}

在AngularJS的$http请求里这么用：

// 比如要忽略secret和temp这两个字段
const myData = { id: 123, name: "Eduardo", secret: "xxx", temp: "yyy" };
$http.post("/api/submit", serializeFiltered(myData, ["secret", "temp"]))
  .then(response => {
    // 请求处理逻辑
  });

2. 全局统一拦截请求做序列化 #

如果你的项目里很多请求都需要过滤相同字段，可以用AngularJS的$http拦截器来统一处理，不用每次手动调用序列化函数：

angular.module("yourApp")
  .config(["$httpProvider", function($httpProvider) {
    $httpProvider.interceptors.push(["$q", function($q) {
      return {
        request: function(config) {
          // 只处理POST/PUT这类需要序列化请求体的场景
          if (config.data && ["POST", "PUT", "PATCH"].includes(config.method)) {
            // 定义全局要忽略的字段
            const globalIgnoredFields = ["sensitiveInfo", "internalFlag"];
            // 手动序列化并过滤字段
            config.data = JSON.stringify(config.data, (key, value) => {
              return globalIgnoredFields.includes(key) ? undefined : value;
            });
            // 记得设置正确的Content-Type
            config.headers["Content-Type"] = "application/json";
          }
          return config || $q.when(config);
        }
      };
    }]);
  }]);

3. 给自定义类添加toJSON方法 #

如果是特定类的实例需要自动忽略字段，直接给类的原型添加toJSON方法——原生JSON.stringify会优先调用这个方法，完全不用修改全局或请求逻辑：

// 自定义业务类
function UserProfile(data) {
  this.userId = data.userId;
  this.displayName = data.displayName;
  this.passwordHash = data.passwordHash; // 这个字段要忽略
}

// 添加toJSON方法，返回需要序列化的属性
UserProfile.prototype.toJSON = function() {
  return {
    userId: this.userId,
    displayName: this.displayName
    // 自动排除passwordHash
  };
};

// 直接用原生JSON.stringify就行
const user = new UserProfile({ userId: 456, displayName: "Eduardo R.", passwordHash: "abc123" });
console.log(JSON.stringify(user)); 
// 输出: {"userId":456,"displayName":"Eduardo R."}

关键提醒 #

绝对不要重写全局的JSON.stringify！AngularJS的很多核心模块（比如$cacheFactory、$route、$httpBackend）都依赖它的原生实现，全局替换会导致一系列连锁错误，而且很难排查。

内容的提问来源于stack exchange，提问作者Eduardo Rosostolato