AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

JS Class 使用以及静态方法的调用

2023-08-01 117
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： JS Class 使用以及静态方法的调用 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // Person
    class Person {
      // 构造函数
      constructor (name, age) {
        this.name = name
        this.age = age
      }
      // 方法
      sayHello () {
        console.log('我的名字是：'+this.name+'，我的年龄是：'+this.age);
      }
    }
    // 创建对象
    const p = new Person('dzm', 18)
    // 调用内部方法
    p.sayHello() // 输出 '我的名字是：dzm，我的年龄是：18'
    // 工具类
    class Utils {
      // 静态方法
      static sayHello () {
        console.log('我的名字是：'+this.name+'，我的年龄是：'+this.age);
      }
    }
    // 调用静态方法
    Utils.sayHello() // 输出 '我的名字是：Utils，我的年龄是：undefined'
  </script>
</body>
</html>


文章标签：
JavaScript
关键词：
JavaScript class
JavaScript静态方法
卡尔特斯
目录
相关文章
龙大吉
|
6月前
|
JavaScript
js开发：请解释什么是ES6的类（class），并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式，对比传统的构造函数，具有更好的可读性和可维护性。类使用`class`定义，`constructor`定义构造方法，`extends`实现继承，并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
龙大吉
62 2
cqtianxin1
|
2月前
|
Web App开发 JavaScript 前端开发
JavaScript 类(class)
JavaScript 类(class)
cqtianxin1
22 2
JavaScript 类(class)
游客j4mujezz7vm7y
|
2月前
|
JavaScript 前端开发
js之class继承|27
js之class继承|27
游客j4mujezz7vm7y
40 3
cqtianxin1
|
2月前
|
JavaScript 前端开发
JavaScript 静态方法
JavaScript 静态方法
cqtianxin1
27 0
JavaScript 静态方法
朝阳39
|
4月前
|
JavaScript
JS【详解】Symbol （含Symbol 作为属性名，静态方法for 和 keyFor，11 个内置的 Symbol 值）
JS【详解】Symbol （含Symbol 作为属性名，静态方法for 和 keyFor，11 个内置的 Symbol 值）
朝阳39
58 1
夏天49597
|
5月前
|
JavaScript 前端开发
JavaScript进阶-Class与模块化编程
【6月更文挑战第21天】**ES6引入Class和模块化，提升JavaScript的代码组织和复用。Class是原型机制的语法糖，简化面向对象编程。模块化通过`import/export`管理代码，支持默认和命名导出。常见问题包括`this`指向和循环依赖。理解这些问题及避免策略，能助你写出更高效、可维护的代码。**
夏天49597
63 5
空白诗
|
5月前
|
JavaScript 前端开发 Java
【JavaScript】ECMAS6（ES6）新特性概览（二）：解构赋值、扩展与收集、class类全面解析
【JavaScript】ECMAS6（ES6）新特性概览（二）：解构赋值、扩展与收集、class类全面解析
空白诗
60 2
空白诗
|
5月前
|
存储 JavaScript 前端开发
【JavaScript】JavaScript 中的 Class 类：全面解析
【JavaScript】JavaScript 中的 Class 类：全面解析
空白诗
111 1
朝阳39
|
4月前
|
JavaScript
JS 自测题 —— 手写 class
JS 自测题 —— 手写 class
朝阳39
25 0
zrblue
|
4月前
|
JavaScript 前端开发
JavaScript编码之路【ES6新特性之Class类】(二)
JavaScript编码之路【ES6新特性之Class类】(二)
zrblue
26 0