嵌套对象中this作用域问题：如何在对象内分组相似函数？

你遇到的问题是嵌套对象内的函数this指向了嵌套对象本身，而非外层的dot。下面是几种实用的解决办法：

1. 直接引用外层对象（简单直接） #

如果你的对象是单实例、不需要复用，直接在嵌套函数里通过变量名访问外层对象的属性即可：

const dot = {
  x: 0,
  init: {
    changePos() {
      dot.x = Math.random();
    }
  }
}

dot.init.changePos(); // 成功修改dot.x

这种方式的缺点是依赖变量名dot，如果后续变量被重新赋值，函数会失效。

2. 用箭头函数继承外层作用域 #

箭头函数没有自己的this，它会继承定义时所在的外层作用域上下文。如果需要创建多个实例，用工厂函数配合箭头函数能稳定引用当前实例：

function createDot() {
  const dot = {
    x: 0,
    init: {
      changePos: () => {
        dot.x = Math.random();
      }
    }
  };
  return dot;
}

const myDot = createDot();
myDot.init.changePos(); // 正常工作

3. 手动绑定this到外层对象 #

通过bind方法把嵌套函数的this强制绑定到外层对象，确保函数执行时this指向正确：

const dot = {
  x: 0,
  init: {
    changePos() {
      this.x = Math.random();
    }
  }
};

// 绑定changePos的this到dot
dot.init.changePos = dot.init.changePos.bind(dot);

dot.init.changePos(); // this现在指向dot

如果嵌套对象下有多个方法，可以批量绑定：

const dot = {
  x: 0,
  init: {
    changePos() { this.x = Math.random(); },
    resetPos() { this.x = 0; }
  }
};

// 批量绑定init下的所有方法
Object.keys(dot.init).forEach(key => {
  if (typeof dot.init[key] === 'function') {
    dot.init[key] = dot.init[key].bind(dot);
  }
});

4. 用工厂函数封装（推荐多实例场景） #

在工厂函数内部定义嵌套对象，直接把函数的this绑定到当前创建的实例，逻辑更清晰：

function createDot() {
  const dot = {
    x: 0
  };

  // 定义嵌套的init对象，内部方法直接绑定this到dot
  dot.init = {
    changePos: function() {
      this.x = Math.random();
    }.bind(dot),
    resetPos: function() {
      this.x = 0;
    }.bind(dot)
  };

  return dot;
}

const dot1 = createDot();
dot1.init.changePos();
const dot2 = createDot();
dot2.init.resetPos();

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