我实际上正在研究 Crockford 的 Javascript:好的部分。我是 JavaScript 的新手，所以我很难理解这段代码的工作原理:

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
};

这是我的想法:

作为方法(对象内的函数)，this 指向 Function 对象，但为什么需要返回对象，因为我可以访问它来自方法内部？如果我是对的，this 是一个引用，而不是本地副本，所以:

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
};

应该也可以。

另一方面，在 JavaScript 中，没有 return 语句的函数返回 undefined 并将其分配给 Function.prototype.method。

问题

返回 this 有什么意义？

工作示例 #1

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
};
var add = function(a, b) {
    return a+b;
};

Function.method('add', add);
var f = function() {};

print(f.add(1,2));

Number.method('integer', function () {
        return Math[this < 0 ? 'ceil' : 'floor'](this);
        });

print((-10/3).integer());

输出:

-3 3

工作示例 #2

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
};

var add = function(a, b) {
    return a+b;
};

Function.method('add', add);
var f = function() {};

print(f.add(1,2));

Number.method('integer', function () {
        return Math[this < 0 ? 'ceil' : 'floor'](this);
        });

print((-10/3).integer());

输出:

-3 3

最佳答案

让我试着解释一下。我没看过那本书，但是一篇文章Classical Inheritance in JavaScript Douglas Crockford 有一个重要的句子，与关于 Function.prototype.method 的例子相关:

It returns this. When I write a method that doesn't need to return a value, I usually have it return this. It allows for a cascade-style of programming.

其实我不熟悉那个术语，我认为众所周知的术语是“Fluent Interface”或“方法链接”，阅读那个维基页面，有不同语言的例子，所以你会明白的..

附言。 @Gianluca Bargelli 以这种方式提供使用 Function.prototype.method 的示例的速度要快一些，所以我没有将其张贴在我的答案中

ADDON:如何根据您的示例使用它:

Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
}

Number.method('integer', function () {  // you add 'integer' method
        return Math[this < 0 ? 'ceil' : 'floor'](this);
        })
      .method('square', function () {  // you add 'square' method with help of chaining
        return this * this;
        });

console.info( (-10/3).integer().square() ); // <- again chaining in action

你看，integer() 返回 Number 对象，所以你可以调用另一个方法，而不是写:

var a = (-10/3).integer();
console.info( a.square() ); 

关于我使用它的方式很少说，大多数时候我更喜欢写“每个方法 - 新行缩进，对我来说这种方式更具可读性:

Function.method('add', add)
        .method('sub', sub)
        .method('mul', mul)
        .method('div', div);

这样我就可以看到我从哪里开始，“换行/缩进”告诉我我仍然修改那个对象。将它与长线进行比较:

Function.method('add', add).method('sub', sub).method('mul', mul).method('div', div);

或典型方法:

Function.method('add', add);
Function.method('sub', sub);
Function.method('mul', mul);
Function.method('div', div);

ADDON2: 当我处理实体时，通常会使用这种方法(Fluent interface pattern)，例如Java代码:

public class Person {
  private String name;
  private int age;
  ..

  public String getName() {
    return this.name;
  }

  public Person setName( String newName ) {
    this.name = newName;
    return this;
  }

  public int getAge() {
    return this.age;
  }

  public Person setAge( int newAge ) {
    this.age = newAge;
    return this;
  }

  ..
}

它允许我以简单的方式构造 Person 对象:

Person person = new Person().setName("Leo").setAge(20);

有些人让它有点不同，他们添加了一种新的方法到set/get，并称之为with:

public class Person {
  private String name;
  private int age;
  ..

  public String getName() {
    return this.name;
  }

  public void setName( String newName ) {
    this.name = newName;
  }

  public Person withName( String newName ) {
    this.setName( newName ); // or this.name = newName; up to you
    return this;
  }

  public int getAge() {
    return this.age;
  }

  public void setAge( int newAge ) {
    this.age = newAge;
  }

  public Person withAge( int newAge ) {
    this.setAge( newAge ); // or this.age = newAge; up to you
    return this;
  }
  ..
}

现在我之前的例子是这样的:

Person person = new Person().withName("Leo").withAge(20);

这样我们就不会改变 set 方法的含义(我的意思是我们不会增强它，所以它可以像大多数开发人员期望的那样工作......至少人们不期望 set方法可以返回任何东西 ;) )。关于这些特殊方法的一件有趣的事情 - 它们可以失去 self 记录，但是当您使用它们时它们会提高可读性(例如 Person 创建的示例，withName 说明得很好我们到底在做什么..

阅读更多:
FluentInterface - Martin Fowler 对该模式的描述
Fluent Interfaces in PHP
The Weekly Source Code 14 - Fluent Interface Edition - 对我来说，简短而足够好，可以看到优缺点(以及其他资源的链接)

关于JavaScript 扩展类型返回，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4967664/