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

时间：2019-10-28 09:59:07 阅读：70 评论：0 收藏：0 [点我收藏+]

有一个类：

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](depth, options)函数。

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/latest-v8.x/api/util.html

在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));

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

原文：https://www.cnblogs.com/popgis/p/11750179.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)