javascript - 对象内部的函数

Question

我知道标题很模糊，但我不知道该写什么。
在 javascript 中，我知道如何编写将像这样调用的函数:

argument1.function(argument2);

这是 fiddle 演示:http://jsfiddle.net/rFXhf/
现在我想知道我是否可以做到:

argument1.argument2.function(argument3);//And even more!

Answer 1

现代 ES6 方法

在对象内部定义函数时，您不再需要指定 function 关键字。

具有命名函数的第一个选项:

const myObj = {
  myMethod(params) {
    // ...do something here
  },
  myOtherMethod(params) {
    // ...do something here
  },
  nestedObj: {
    myNestedMethod(params) {
      // ...do something here
    }
  }
};

带有匿名函数的第二个选项:

const myObj = {
  myMethod: (params) => {
    // ...do something here
  },
  myOtherMethod: (params) => {
    // ...do something here
  },
  nestedObj: {
    myNestedMethod: (params) => {
      // ...do something here
    }
  }
};

ES6 之前的风格:

const myObj = {
  myMethod: function myMethod(params) {
    // ...do something here
  },
  myOtherMethod: function myOtherMethod(params) {
    // ...do something here
  },
  nestedObj: {
    myNestedMethod: function myNestedMethod(params) {
      // ...do something here
    }
  }
}; 

注意:在第一个示例中，函数被命名并具有自己的 this 上下文。在第二个示例中，使用了函数外部的 this-context。在第三个示例中，函数没有命名，但有自己的 this-context。

虽然所有方法看起来都很相似，但它们还是有点不同。