javascript - 如何创建函数方法

Question

这个问题已经有答案了:

How does basic object/function chaining work in javascript? (5 个回答)

已关闭 8 年前。

我想要的方法是创建一个如下所示的自定义函数:

access('h1').content('Hello World');

这就是我试图实现这一目标的方法:

function access(Tag)
{
  var Element = document.getElementsByTagName(Tag)[0];

  this.content = function(Content)
  {
     if (Content !== undefined)
          return Element.innerHTML = Content;
     else return Element.innerHTML;
  }

  return Element;
}

所以这个函数应该处于更改内容或只是返回内容的边缘。不幸的是，这种方式行不通。

到目前为止，我玩了大约一个小时来重写它并自己找到解决方案，但我还没有成功，而且我也不知道如何向 Google 描述这个问题。

我该如何解决这个问题呢？

Answer 1

将代码中的 this 替换为 Element。

function access(Tag)
    {
      var Element = document.getElementsByTagName(Tag)[0];
    
      Element.content = function(Content)
      {
         if (Content !== undefined)
              return Element.innerHTML = Content;
         else return Element.innerHTML;
      }
    
      return Element;
    }
    
access('h1').content('Hello World');

<h1>Hello</h1>

或者尝试这样的事情。

function access(Tag)
    {
      var Element = document.getElementsByTagName(Tag)[0];
    
      var content = function(Content)
      {
         if (Content !== undefined)
              return Element.innerHTML = Content;
         else return Element.innerHTML;
      }
    
      return {content: content};
    }
    
access('h1').content('Hello World');

<h1>Hello</h1>