JavaScript - 静态方法

首页 / JavaScript入门教程 / JavaScript - 静态方法

JavaScript提供了属于该类的静态方法,而不是该类的实例。因此,不需要实例来调用静态方法。这些方法直接在类本身上调用。

要点

  • static关键字用于声明静态方法。
  • 静态方法可以是任何名称。
  • 一个类可以包含多个静态方法。
  • 如果声明多个具有相似名称的静态方法,则JavaScript始终会调用最后一个。
  • 可以使用静态方法来创建实用程序函数。
  • 可以使用此关键字在另一个静态方法中调用一个静态方法。
  • 不能直接使用此关键字在非静态方法中调用静态方法。在这种情况下,可以使用类名或作为构造函数的属性来调用静态方法。

示例1

看一个简单的静态方法示例。

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-oops-static-method.html

来源:LearnFk无涯教程网

<script>
class Test
{
  static display()
  {
    return "static method is invoked"
  }
}
document.writeln(Test.display());
</script>

输出:

static method is invoked

例子2

Le看到了一个调用多个静态方法的示例。

<script>
class Test
{
  static display1()
  {
    return "static method is invoked"
  }
  static display2()
  {
    return "static method is invoked again"
  }
}
document.writeln(Test.display1()+"<br>");
document.writeln(Test.display2());
</script>

输出:

static method is invoked
static method is invoked again

例子3

让无涯教程看一个示例,该示例调用多个具有相似名称的静态方法。

<script>
class Test
{
  static display()
  {
    return "static method is invoked"
  }
  static display()
  {
    return "static method is invoked again"
  }
}
document.writeln(Test.display());
</script>

输出:

static method is invoked again

例子4

看一个在构造函数中调用静态方法的示例。

<script>
class Test {
  constructor() {
  document.writeln(Test.display()+"<br>"); 
  document.writeln(this.constructor.display()); 
  }

  static display() {
      return "static method is invoked"
  }
}
var t=new Test();
</script>

输出:

static method is invoked
static method is invoked 

例子5

看一个在非静态方法中调用静态方法的示例。

<script>
class Test {
  static display() {
      return "static method is invoked"
  }
  
 show() {
  document.writeln(Test.display()+"<br>"); 
  }  
}
var t=new Test();
t.show();
</script>

输出:

static method is invoked

这一章《JavaScript - 静态方法》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持,感谢!😊

好记忆不如烂笔头。留下你的足迹吧 :)

猜你喜欢

数据结构与算法之美 -〔王争〕

代码精进之路 -〔范学雷〕

实用密码学 -〔范学雷〕

程序员的测试课 -〔郑晔〕

如何返回JS中第一个索引是最大数字的数组元素?

是否可以从组件外部更改 Vue Multiselect 选定值?

使用支持 Shadow DOM 的纯 JavaScript 模拟 Tab 键按下

是否存在被 CSS 忽略的 HTML?

当网络工作者面临无限循环时,网页卡住了

如何在ant design中更改 Select 组件标签

视频教程

JavaScript - 04-数学对象math最大值方法 更多视频教程 »