从常规的6类方法调用静态方法

在前端开发中，我们经常需要使用静态方法来完成一些比较基础的操作，如字符串处理、数组操作等。在 JavaScript 中，可以使用常规的六种方法来调用静态方法。

方法一：使用类名调用

通过类名直接调用静态方法，这是最简单的一种方法。例如：

class Util {
  static add(a, b) {
    return a + b;
  }
}

console.log(Util.add(1, 2)); // 输出 3

方法二：使用实例对象调用

虽然静态方法不依赖于实例对象，但我们也可以通过实例对象来调用静态方法。例如：

class Util {
  static add(a, b) {
    return a + b;
  }
}

const util = new Util();
console.log(util.constructor.add(1, 2)); // 输出 3

方法三：将静态方法作为变量传递

与其他 JavaScript 中的函数一样，我们也可以将静态方法作为变量来传递。例如：

class Util {
  static add(a, b) {
    return a + b;
  }
}

const addFunc = Util.add;
console.log(addFunc(1, 2)); // 输出 3

方法四：使用 super 调用

在子类中，我们可以使用 super 关键字来调用父类的静态方法。例如：

-- -------------------- ---- -------
----- ---- -
  ------ ------ -- -
    ------ - - --
  -
-

----- --------- ------- ---- -
  ------ ------ -- -
    ------ ------------ ----
  -
-

---------------------------- ---- -- -- --
展开代码

方法五：使用 Object.create() 调用

我们也可以使用 Object.create() 来创建一个带有静态方法的对象，然后使用该对象来调用静态方法。例如：

-- -------------------- ---- -------
----- ------- - ---------------
  ------- -
    ------ -- -
      ------ - - --
    --
  --
---

--------------------------------- ---- -- -- -
展开代码

方法六：使用 Function.call() 或 Function.apply() 调用

最后一种方法是使用 Function.call() 或 Function.apply() 来调用静态方法。这种方法需要将静态方法转化为一个函数来调用。例如：

class Util {
  static add(a, b) {
    return a + b;
  }
}

console.log(Util.add.call(null, 1, 2)); // 输出 3
console.log(Util.add.apply(null, [1, 2])); // 输出 3

以上就是常规的六种方法调用静态方法的方式，通过这些方法，我们可以更加方便地使用静态方法来完成一些基础操作。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10614