Uncaught TypeError: this.scrollMessagesBottom is not a function at timeout - 无所不知

当你在开发JavaScript应用程序时，你可能会遇到“Uncaught TypeError: this.scrollMessagesBottom is not a function at timeout”的错误消息。这个错误通常出现在使用setTimeout的时候，但实际上它可能出现在任何地方。这个错误消息通常表示JavaScript代码中的一个函数被引用，但是这个函数在它被引用之前还没有被定义。以下是一些可能的原因和解决方案：

原因

1.函数未定义

这是通常导致这个错误的主要原因。如果你的代码中使用了一个函数，但是这个函数在它被引用之前还没有被定义，那么这个错误就会被引发。如果这个错误出现在使用setTimeout时，那么通常情况下是由于你引用了一个局部函数，而这个函数在setTimeout之后就被销毁了。

2. 上下文无效

可能的另一个原因是使用函数的上下文对象。当你在函数中使用this对象时，this对象有时会失去它的有效性，因此函数将无法访问它所需要的属性和方法。原因可能是this的上下文对象是错误的或者函数被调用的方式不正确。

解决方案

1. 检查函数定义

如果你收到这个错误消息，那么你需要检查一下你的JavaScript代码中是否有任何定义函数的错误。确保你的函数被正确定义且在它被引用之前先声明。

2. 避免使用this

如果你在函数中使用this对象，并且你发现上下文无效，那么你需要避免使用this对象。可以使用ES6中的箭头函数或者将函数定义为对象属性中的方法来避免这个问题。

3. 使用Function.bind

使用Function.bind方法显式地绑定函数的上下文对象，以确保this指向正确的对象。

以下是使用Function.bind解决上下文无效的例子：

function MyObject() {
  this.counter = 0;
  this.timer = null;
}

MyObject.prototype.start = function() {
  var self = this;
  this.timer = setTimeout(function() {
    self.scrollMessagesBottom();
  }.bind(this), 1000);
};

MyObject.prototype.scrollMessagesBottom = function() {
  this.counter++;
  // do something
};

在上面的例子中，我们通过使用Function.bind将延迟执行的函数显式地绑定到MyObject实例的上下文对象上。这确保了this关键字指向了正确的对象，从而避免了上下文无效的问题。

总结： 当你遇到“Uncaught TypeError： xxx is not a function”错误时，首先要检查是否定义了该函数，然后需要确保在使用该函数之前定义它。 如果问题是由于上下文无效引起的，那么可以考虑使用Function.bind方法来显式地将函数绑定到正确的上下文对象上。