JavaScript 中的静态方法

JavaScript 允许属于该类而不是该类的实例的静态方法。因此，不需要实例来调用此类静态方法。静态方法直接在类上调用。它可以是任何名称。一个类可以包含多个静态方法。如果我们定义了多个具有相同名称的静态方法，则最后一个方法由 JavaScript 调用。 “this”关键字用于在 JavaScript 中的任何其他静态方法中调用静态方法。

以下是演示如何使用和调用静态方法的不同 JavaScript 示例。

示例 1：以下是调用一个静态方法的代码。代码的脚本部分包含 JavaScript 代码。

HTML

  

  
    
        class GeeksforGeeks { 
              
            // static keyword is used 
            // before the function name
            static example1() { 
                  
                // return the string -->
                // static method 1
                return "static method 1"
            }
        }
  
        // Calls the static function 
        // using className.functionName
        document.writeln(
            GeeksforGeeks.example1());
    

  

输出：

static method 1

示例 2：以下代码演示了如何调用多个静态方法。

HTML

  

    
        class GeeksforGeeks {
  
            // static keyword is used 
            // before the function name
            static example1() {
  
                // return the string -->
                // static method 1
                return "static method 1"
            }
  
            // Another static method 
            // with different name 
            static example2() {
  
                // return the string -->
                // static method 2
                return "static method 2"
            }
  
        }
  
        // Calls the static function using
        // className.functionName
        document.writeln(GeeksforGeeks.example1() + "<br>");
        document.writeln(GeeksforGeeks.example2());  
    

  

输出：

static method 1
static method 2

示例 3：以下示例调用多个具有相同名称的静态方法。

HTML

  

    
        class GeeksforGeeks {
  
            // static keyword is used 
            // before the function name
            static example1() {
  
                // returns static method 1
                return "static method 1"
            }
  
            // Different static method
            // with same name 
            static example1() { 
                  
                // returns static method 2
                return "static method 2"
            }
  
        }
  
        // Calls the static function using 
        // className.functionName
        document.writeln(GeeksforGeeks.example1());
        // Invokes last static method in case 
        // if static function have same names
    

  

输出：

static method 2

示例 4：以下示例演示在非静态方法中调用静态方法。

HTML

  

  
    
        class GeeksforGeeks { 
              
            // Static keyword is used 
            // before the function name
            static example1() { 
                  
                // return the string --> 
                // static method 1
                return "static method 1"
            }
  
            // Non static method with 
            // different name 
            example2() { 
                  
                // return the string -->
                // static method 1
                // Calls the static function 
                // using className.functionName
                document.writeln(GeeksforGeeks.example1());
            }
        }
        var gfg = new GeeksforGeeks();
        gfg.example2();  
    

  

输出：

static method 1