如何让JavaScript对象的volume属性随radius动态更新？

咱们一步步拆解你遇到的问题，再给出精准的实现方案：

为什么第一种写法返回NaN？ #

当你用对象字面量初始化hemisphere时，volume属性里的this并不指向当前的hemisphere对象。在浏览器全局环境下，this指向的是window对象，而window.radius不存在（值为undefined），用undefined做幂运算自然会得到NaN。

为什么第二种写法返回undefined？ #

首先你的函数语法写错了——正确的函数定义应该是function() { /* 逻辑 */ }，你多写了多余的大括号，还漏掉了return语句。就算语法修正后，这种写法也需要你调用hemisphere.volume()才能拿到值，而不是像属性一样直接访问hemisphere.volume，不符合你的需求。

正确实现：用Getter方法 #

要实现「修改半径后，直接访问hemisphere.volume就能得到对应体积」的需求，你需要用ES6的getter（取值器）。它让volume看起来像普通属性，但每次访问时都会基于当前radius重新计算值：

var hemisphere = {
  radius: 6,
  // 定义getter，访问时无需加括号
  get volume() {
    // 半球体积公式简化为 (2/3)πr³，和你写的4πr³/6等价
    return (2 / 3) * Math.PI * Math.pow(this.radius, 3);
  }
};

使用示例： #

1. 初始访问体积：

   console.log(hemisphere.volume); // 输出半径为6的半球体积
   

2. 修改半径后再次访问：

   hemisphere.radius = 3;
   console.log(hemisphere.volume); // 输出半径为3的半球体积
   

这样每次你访问hemisphere.volume，都会自动基于最新的radius值实时计算，完全匹配你的需求。

补充：普通函数的正确写法（可选） #

如果你不想用getter，也可以把体积计算写成普通方法，只是需要调用函数来获取值：

var hemisphere = {
  radius: 6,
  getVolume: function() {
    return (2 / 3) * Math.PI * Math.pow(this.radius, 3);
  }
};

// 使用时需要调用函数
console.log(hemisphere.getVolume());
hemisphere.radius = 3;
console.log(hemisphere.getVolume());

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