避免绑定的箭头功能

Question

var world = {
  animals: {},
  add_animal: function(options) {
    this.animals[options.name] = {
      name: options.name,
      sound: options.sound,
      actions: {},
      add_action: function(action_name, action_function) {
        this.actions[action_name] = action_function.bind(this);
      }
    }
  }
};

world.add_animal({name: "dog", sound: "bark"});
world.animals.dog.add_action("speak", function() {
  alert("I am a " + this.name + ". I " + this.sound + ".");
});

world.animals.dog.actions.speak();

这是我几年前编写的脚本的简化版本，我想对其进行更新。它创建了一个世界对象，其中包含一组动物和一个 add_animal 方法。每个动物都有一个 add_action 方法。对于两件事，我将不胜感激。

1. add_action 使用绑定，因此“this”指的是动作函数中的动物 - 有没有办法使用箭头函数执行此操作 => 所以不需要绑定？

2. 我认为永远只有一个“世界”，所以这就是为什么我从世界的对象文字开始，而不是让世界成为一个类。是否有另一种“最佳实践”方式可以做到这一点，也许使用类？如果是这样，以另一种方式做有什么真正的优势吗？

Answer 1

1. add_action 使用绑定，因此“this”指的是动作函数中的动物 - 有没有办法使用箭头函数执行此操作 => 所以不需要绑定？

如果你想在动作函数中使用this 来指代动物，不可以。

1. 我认为永远只有一个“世界”，这就是为什么我从世界的对象文字开始，而不是让世界成为一个类。是否有另一种“最佳实践”方式可以做到这一点，也许使用类？如果是这样，以另一种方式进行是否有任何真正的优势？

如果world 是一个单例，那么除了你已经完成的工作之外，通常不需要做任何事情。