如何实现对象console.log显示原始值，赋值时传递引用？

要实现「console.log(space2D.x)输出数值，但变量赋值保留对象引用」的效果，核心是让自定义对象在被控制台打印时显示指定内容，同时保持自身的对象身份。这和React Native Animated.Value的实现思路一致，主要靠自定义对象的「检查（inspect）行为」来实现，以下是具体方案：

代码实现 #

Node.js 环境 #

Node.js 提供了util.inspect.custom符号，允许我们自定义对象在console.log中的输出内容：

const util = require('util');

const Value = function(val) {
  this._value = val;
};

// 自定义控制台打印时的输出
Value.prototype[util.inspect.custom] = function() {
  return this._value;
};

// 可选：支持隐式数值转换（比如做加法运算时）
Value.prototype.valueOf = function() {
  return this._value;
};

// 测试代码
const space2D = { x: new Value(0), y: new Value(0) };

console.log(space2D.x); // 输出：0
const temp = space2D.x;
console.log(temp === space2D.x); // 输出：true（说明是同一对象引用）
console.log(Object.values(temp)); // 输出：[0]（可查看内部结构）

浏览器/React Native 环境 #

在浏览器或React Native中，我们可以利用DevTools的自定义格式化能力，或者通过toString+Symbol.toPrimitive配合（部分浏览器会优先使用自定义inspect逻辑）：

const Value = function(val) {
  this._value = val;
};

// 自定义控制台打印行为（适配浏览器DevTools）
Value.prototype[Symbol.for('nodejs.util.inspect.custom')] = function() {
  return this._value;
};

// 支持隐式转换和字符串化
Value.prototype[Symbol.toPrimitive] = function(hint) {
  return hint === 'string' ? String(this._value) : this._value;
};

Value.prototype.toString = function() {
  return String(this._value);
};

// 测试代码
const space2D = { x: new Value(0), y: new Value(0) };

console.log(space2D.x); // 输出：0（在现代浏览器/React Native DevTools中生效）
const temp = space2D.x;
console.log(temp === space2D.x); // 输出：true
console.log(Object.values(temp)); // 输出：[0]

为什么之前的尝试没生效？ #

• Getter/Setter：如果用getter直接返回_value，那temp = space2D.x得到的是数值而非对象引用，不符合需求；
• Proxy：如果Proxy的get陷阱返回原始值，同样会丢失对象引用；若返回代理对象，默认还是会打印对象结构，除非给代理也添加自定义inspect；
• Symbol.toPrimitive：这个符号仅在对象被转换为原始值时触发（比如+space2D.x），但console.log默认会打印对象的结构，不会主动触发原始值转换，所以单独用它无法改变控制台输出。

原理说明 #

控制台打印对象时，会调用环境提供的「检查函数」（比如Node.js的util.inspect，浏览器DevTools的格式化逻辑）。通过给Value原型添加对应环境的自定义检查方法，我们可以让控制台显示_value的数值，而对象本身依然保持引用类型的身份，完全满足你的需求。

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