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

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

相关推荐
阿里嘎多学长1 分钟前
2026-02-25 GitHub 热点项目精选
开发语言·程序员·github·代码托管
跟着珅聪学java1 分钟前
Element UI 的 el-input组件触发 blur事件
javascript·vue.js·elementui
cxm@1 分钟前
vue中使用keepalive实现列表缓存
前端·javascript·vue.js·笔记
Komorebi゛4 分钟前
【Vue + Element Plus】el-tree树结构样式改造,添加转折线
前端·javascript·vue.js·elementui
troublea6 分钟前
ThinkPHP vs Laravel:PHP框架终极对决
开发语言·php·laravel
一拳不是超人7 分钟前
Electron 实战全解析:基于 WebContentView 的多视图管理系统
前端·javascript·electron
阿珊和她的猫8 分钟前
网站页面卡顿的常见问题与解决方案深度剖析
前端·javascript·vue.js
globaldomain11 分钟前
立海世纪:WordPress 6.9的新功能、新模块、新API
前端·javascript·html·新媒体运营·网站建设·wordpress·域名注册
Ronin30511 分钟前
信道管理模块和异步线程模块
开发语言·c++·rabbitmq·异步线程·信道管理
全栈老石13 分钟前
手写一个无限画布 #2:渲染层的博弈:Canvas 还是 WebGL ?
javascript·canvas