JavaScript中对象内部通过对象名调用自身方法是否可行？是否合规？

为什么直接引用外部对象能运行，而this不行？ #

直接用myObj.printText()能运行，是因为toPrint方法在闭包里捕获了外部的myObj变量——只要这个变量还在作用域内，不管toPrint的调用上下文是什么，都能直接访问到myObj的方法。

而this.printText()失效，核心是JavaScript的this指向规则：this的指向不固定，完全取决于函数的调用方式。比如如果toPrint被单独调用（比如const func = myObj.myProperty.toPrint; func();），或者被事件回调、定时器这类外部上下文调用时，this不会指向myObj：非严格模式下会指向全局对象（浏览器里是window），严格模式下则是undefined，自然找不到printText方法。

这个模式是否可接受？算不算不良习惯？ #

短期小项目、简单场景下临时用用没问题，但从长期维护和代码规范来看，这属于不推荐的不良编程习惯，原因有三：

• 耦合度极高：内部方法硬编码了外部对象的名字，一旦你要给myObj改名、重构代码结构，所有内部的myObj.xxx引用都得跟着改，维护成本飙升。
• 内存泄漏风险：如果myObj后续需要被销毁，但toPrint方法还被其他地方引用（比如绑定了DOM事件），闭包会一直持有myObj的引用，导致它无法被垃圾回收，造成内存浪费。
• 无法复用：你没法基于这个逻辑创建多个实例——因为内部硬编码了特定的myObj，新实例的内部方法还是会调用旧实例的方法，完全不符合面向对象的复用逻辑。

更优的替代方案 #

1. 绑定this指向 #

可以用bind方法把toPrint的this固定到myObj，或者用箭头函数（箭头函数的this继承自定义时的上下文）：

const myObj = {
  printText() {
    console.log('Hello');
  },
  myProperty: {
    // 用bind绑定this
    toPrint: function() { this.printText(); }.bind(myObj),
    // 或者用箭头函数
    toPrintArrow: () => { this.printText(); }
  }
};

2. 使用ES6类（推荐） #

用类封装逻辑，内部方法的this会自然指向当前实例，同时支持多实例复用：

class GameStateMachine {
  printText() {
    console.log('State changed');
  }

  states = {
    // 箭头函数继承类实例的this
    idle: () => {
      this.printText();
    },
    // 普通方法调用时确保上下文正确
    running() {
      this.printText();
    }
  };
}

const myStateMachine = new GameStateMachine();
myStateMachine.states.idle(); // 正常执行

3. 传递上下文参数 #

如果是状态机逻辑，可以在状态方法里显式传递实例作为参数，避免依赖外部变量：

const myObj = {
  printText() {
    console.log('Hello');
  },
  myProperty: {
    toPrint(context) {
      context.printText();
    }
  }
};

// 调用时传入上下文
myObj.myProperty.toPrint(myObj);

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