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);

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

相关推荐
程序喵大人6 小时前
【C++进阶】STL容器与迭代器 - 01 STL 容器先解决元素放在哪里
开发语言·c++·stl
cui_ruicheng6 小时前
Python从入门到实战(十六):多进程编程
开发语言·python
shawxlee6 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
kyriewen7 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
wdfk_prog7 小时前
嵌入式面试真题第 15 题:不可恢复异常后的通用崩溃快照、调用栈保存与离线分析架构
linux·开发语言·面试·架构
晴空了无痕7 小时前
从 Go 基础到 K8s:一条可落地的 Go 服务端成长路线
开发语言·后端·golang·kubernetes
神明不懂浪漫7 小时前
【第五章】Java中的继承与多态
java·开发语言
神州世通8 小时前
解密企业通信安全防线:Avaya Aura 三层安全架构深度解析
开发语言·php
郝亚军9 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
AC赳赳老秦9 小时前
企业工商公开信息采集分析:OpenClaw 批量查询企业工商信息,生成企业画像报告
大数据·开发语言·python·自动化·php·deepseek·openclaw