JavaScript中链式调用的技巧与示例

链式调用

链式调用是指在JavaScript中，通过一系列的函数调用，可以实现某种功能，从而达到简化代码，提高代码可读性的目的。

使用方法

链式调用的使用方法是，在函数的返回值中，将函数本身返回，这样就可以在函数的末尾继续调用下一个函数，从而形成一个链式调用的结构。

function foo() {
  // do something
  return foo;
}

foo()
  .bar()
  .baz()
  .qux();

示例

以下是一个使用链式调用实现拼接字符串的示例：

function StringBuilder() {
  this.str = '';
}

StringBuilder.prototype.append = function(str) {
  this.str += str;
  return this;
}

StringBuilder.prototype.toString = function() {
  return this.str;
}

var sb = new StringBuilder();

sb.append('Hello ')
  .append('World!')
  .append(' Have a nice day!');

console.log(sb.toString()); // Hello World! Have a nice day!

链式调用是一种技巧，可以用来简化代码，提高代码可读性。使用链式调用，可以将多个函数调用拼接在一起，从而实现某种功能，使代码更加简洁。