前端技术之如何在控制台将JS-class实例输出为JSON格式

36次阅读

共计 973 个字符,预计需要花费 3 分钟才能阅读完成。

有一个类:

class Point {constructor(x, y) {
    this.x = x;
    this.y = y;
  }
}

如果我们在控制台中输出其实例:

console.log(new Point(10, 20));

控制台中的输出结果为:

Point {x: 10, y: 20}

那如何只输出 JSON 格式,不输出类名”Point”呢?
有的同学可能会使用如下的方法:

console.log(JSON.stringify(new Point(10, 20)))

这种方法当然是可以的,其输出结果如下:

{"x":10,"y":20}

但我们每次输出的时候,都需要调用一次 JSON.stringify,显得有些啰嗦。
有没有一种更简洁的办法呢?
答案是肯定的。
实际上,如果你使用的是 nodejs,console.log 输出类对象时,是调用的 inspect 函数来序列化并打印输出对象的。
而在 node 中有一种自定义对象 inspection 函数的办法。
在 6.6.0 以上版本中,你可以重写类的 util.inspect.custom 函数。

const util = require('util');

class Point {constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    const that = this;
    return JSON.stringify(that);
  }

  [util.inspect.custom](depth, options) {return this.toString()
  }
}

8.x 版本的文档说明:https://nodejs.org/docs/lates…
在 node v10.12.0 以上版本中,使用了 Symbol,并可以重写 [inspect]() 函数。

const inspect = Symbol.for('nodejs.util.inspect.custom');

class Point {constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {
    const that = this;
    return JSON.stringify(that);
  }

  [inspect]() {return this.toString()
  }
}

console.log(new Point(10, 20));

相关文档为:https://nodejs.org/api/util.h…

正文完
 0