Home > Web Front-end > JS Tutorial > body text

Using static methods of Class class in ES6

php中世界最好的语言
Release: 2018-04-16 11:12:51
Original
1720 people have browsed it

This time I will bring you the static method of using the Class class in ES6. What are the precautions for using the static method of the Class class in ES6? The following is a practical case, let's take a look.

I have seen es6 stuff before but forgot about it, so I will summarize it again:

A class is equivalent to the prototype of an instance. All methods defined in the class will be inherited by the instance. If you add the static keyword before a method, it means that the method will not be inherited by the instance, but will be called directly through the class. This is called a "static method"

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function
Copy after login
In the above code, the classMethod method of class Foo is preceded by the

static keyword , indicating that the method is a static method and can be called directly on class Foo (Foo.classMethod()). Instead of calling it on an instance of class Foo. If a static method is called on an instance, an error is thrown indicating that the method does not exist.

Static methods of parent classes can be inherited by subclasses.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'
Copy after login
In the above code, the parent class Foo has a static method, and the subclass Bar can call this method.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Jquery submits array data and uses springmvc to receive it

How to operate the sequence of code execution in JS order

The above is the detailed content of Using static methods of Class class in ES6. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template