JavaScript:函数字典:函数可以从其字典中引用函数吗?

前端之家收集整理的这篇文章主要介绍了JavaScript:函数字典:函数可以从其字典中引用函数吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在下面的代码中,当从setTimeout调用somethingUseful.thisUsefulThing时,它是否可以引用somethingUseful.thatUsefulThing?

  1. var somethingUseful = {
  2. thisUsefulThing: function() {
  3. this.thatUsefulThing();
  4. },thatUsefulThing: function() {
  5. console.log("I am useful!");
  6. }
  7. }
  8. setTimeout(somethingUseful.thisUsefulThing,1000);

现在,我收到此错误

  1. Uncaught TypeError: Object [object global] has no method 'thatUsefulThing'
最佳答案
简单地回答你的问题,是的,这个有用的旅行可以访问那个有用的问题

但是当你的代码当前运行时,’this’实际上并不是全局的,它是对所有直接后代本身有用的东西的引用.

当我使用文字对象时,我通常用名字而不是’this’来引用它们,所以在你的情况下,我会用somethingUseful.thatUsefulThing()替换’this.thatUsefulThing()’

为什么?因为无论如何它在全球范围内运作!

编辑:

正如plalx在他对我的回答的评论中指出的那样,实现这个类的最佳实践(使用示例类成员)将使用函数类/原型并看起来像这样:

  1. function SomethingUseful () {
  2. this.member = 'I am a member';
  3. }
  4. SomethingUseful.prototype.thisUsefulThing = function () {
  5. this.thatUsefulThing();
  6. }
  7. SomethingUseful.prototype.thatUsefulThing = function () {
  8. console.log('I am useful,and ' + this.member);
  9. }
  10. usefulObject = new SomethingUseful();
  11. usefulObject.thisUsefulThing(); // logs fine with access to this.member
  12. setInterval(usefulObject.thisUsefulThing.bind(usefulObject),1000); // has access to this.member through bind()

猜你在找的JavaScript相关文章