关于JavaScript 类(class)的学习（三）—静态方法

最新推荐文章于 2024-09-21 16:45:04 发布

原创最新推荐文章于 2024-09-21 16:45:04 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #学习 #笔记

前端开发专栏收录该内容

62 篇文章

订阅专栏

本文详细介绍了JavaScript中的静态方法，包括其定义、特点（如在类中调用而非对象、实例化前可用），并通过Runoob类的实例演示了如何在对象上下文使用静态方法。

JavaScript 静态方法

静态方法是使用 static 关键字修饰的方法，又叫类方法，属于类的，但不属于对象，在实例化对象之前可以通过类名.方法名调用静态方法。

静态方法不能在对象上调用，只能在类中调用。

class Runoob {
  constructor(name) {
    this.name = name;
  }
  static hello() {
    return "Hello!!";
  }
}
 
let noob = new Runoob("教程");
 
// 可以在类中调用 'hello()' 方法
document.getElementById("demo").innerHTML = Runoob.hello();
 
// 不能通过实例化后的对象调用静态方法
// document.getElementById("demo").innerHTML = noob.hello();
// 以上代码会报错

如果你想在对象 noob 中使用静态方法，可以作为一个参数传递给它：

class Runoob {
  constructor(name) {
    this.name = name;
  }
  static hello(x) {
    return "Hello " + x.name;
  }
}
let noob = new Runoob("教程");
document.getElementById("demo").innerHTML = Runoob.hello(noob);