码农教程 - 一技在手,衣食无忧! tools

目录

JavaScript class static

❮上一节 JavaScript 类参考 下一节❯

示例

创建一个静态方法并在类上调用它：

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello() {  // static method
    return "Hello!!";
  }
}

mycar = new Car("Ford");

//Call 'hello()' on the class Car:
document.getElementById("demo").innerHTML = Car.hello();

//and NOT on the 'mycar' object:
//document.getElementById("demo").innerHTML = mycar.hello();
//this would raise an error.

亲自试一试 »

描述

这个static关键字定义类的静态方法。

静态方法直接在类上调用（Car从上面的例子） - 不创建实例/对象（mycar）的类。

浏览器支持

static是 ECMAScript6 (ES6) 功能。

所有现代浏览器都支持 ES6 (JavaScript 2015)：

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

staticInternet Explorer 11（或更早版本）不支持。

语法

static methodName()

技术细节

JavaScript 版本： ECMAScript 2015 (ES6)

更多示例

如果你想使用 mycar 对象，在静态方法中，你可以将它作为参数发送：

示例

发送 "mycar" 作为参数：

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello(x) {
    return "Hello " + x.carname;
  }
}

mycar = new Car("Ford");

document.getElementById("demo").innerHTML = Car.hello(mycar);

亲自试一试 »

相关页面

JavaScript 教程：JavaScript 类

JavaScript 教程：JavaScript ES6 (EcmaScript 2015)

JavaScript 参考：构造函数()方法

❮上一节 JavaScript 类参考 下一节❯