Menu
CoddyTech

静态工具方法

本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 33 课,共 56 课。

静态方法是属于类本身而不是类实例的实用函数。它们适用于不需要访问实例特定数据的函数。

我们来创建一个带有静态工具方法的类:

class MathHelper {
  // 定义一个静态方法
  static square(number) {
    return number * number;
  }
}

要调用静态方法,你可以直接使用类名:

// 无需创建实例,直接调用静态方法
const result = MathHelper.square(5);
console.log(result); // 25

注意,我们不需要用 new MathHelper() 创建新实例。静态方法非常适合用于执行操作且不需要实例数据的实用函数。

challenge icon

挑战

创建一个名为 StringUtils 的类,其中包含一个名为 capitalize 的静态方法。该方法接收一个字符串作为参数,并返回首字母大写后的同一个字符串。例如,如果输入是 "javascript",该方法应返回 "Javascript"。导出这个类。

  1. 检查字符串是否为空:if (!str || str.length === 0)(不进行此检查可能会导致空字符串引发问题)。
    1. !str 用于检查 null/undefined(防止错误)
    2. str.length === 0 用于检查字符串是否为空(返回 "",而不是导致程序崩溃)
  2. 获取第一个字符:str.charAt(0)
  3. 将其转换为大写:.toUpperCase()
  4. 获取字符串的其余部分:str.slice(1)(从位置 1 到末尾)
  5. 组合:大写的首字符 + 字符串的其余部分

亲手试试

import { StringUtils } from './stringUtils.js';

// 不要修改下面的代码
console.log(StringUtils.capitalize("programming"));
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

面向对象编程中的所有课

自己练习: JavaScript 在线编译器