JavaScript (三十三)——JavaScript 静态方法

JavaScript 静态方法

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

静态方法(Static Methods)是定义在类(Class)上而不是其实例上的方法。这意味着,你不需要创建类的实例来调用这些方法;相反,你可以直接通过类本身来调用它们。

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

示例:

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

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

javascript 复制代码
class Person {
  constructor(name) {
    this.name = name;
  }
  static hello(x) {
    return "Hello " + x.name;
  }
}
let person = new Person("菜鸟教程");
document.getElementById("demo").innerHTML = Person.hello(person);

静态方法的主要优点是它们可以很方便地在不需要实例化对象的情况下被使用,同时它们也有助于保持类的整洁和封装性,特别是当这些方法不需要访问或修改类的实例属性时。

相关推荐
AndrewHZ13 小时前
【GIS数据处理】什么是Cesium?从零入门Web端三维地理可视化工具
javascript·gis·web开发·cesium·gis前端·三维地理可视化
小尧嵌入式13 小时前
QT软件开发知识流程及秒表计时器开发
开发语言·c++·qt·算法
ULTRA??13 小时前
强化学习算法分类,工具箱AI总结
开发语言·c++·人工智能
GISer_Jing13 小时前
Next.js 15 全栈开发实战指南
开发语言·javascript·ecmascript
JIngJaneIL13 小时前
基于Java在线考试管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
凌康ACG13 小时前
c++使用quickjs执行JavaScript
javascript·c++·quickjs
JIngJaneIL13 小时前
基于Java音乐管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
繁华似锦respect13 小时前
C++ 智能指针设计模式详解
服务器·开发语言·c++·设计模式·visual studio
接着奏乐接着舞13 小时前
react hooks
前端·javascript·react.js
郝学胜-神的一滴13 小时前
Linux进程创建的封装与设计模式应用:结构化分析与实践指南
linux·服务器·开发语言·c++·程序人生·设计模式