<!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>
JS Class 使用以及静态方法的调用
2023-08-01
112
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
JS Class 使用以及静态方法的调用
目录
相关文章
|
6月前
|
JavaScript
js开发：请解释什么是ES6的类（class），并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式，对比传统的构造函数，具有更好的可读性和可维护性。类使用`class`定义，`constructor`定义构造方法，`extends`实现继承，并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
51
2
3
|
2月前
|
Web App开发
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
JS【详解】Symbol （含Symbol 作为属性名，静态方法for 和 keyFor，11 个内置的 Symbol 值）
JS【详解】Symbol （含Symbol 作为属性名，静态方法for 和 keyFor，11 个内置的 Symbol 值）
51
1
1
|
5月前
|
JavaScript
前端开发
JavaScript进阶-Class与模块化编程
【6月更文挑战第21天】**ES6引入Class和模块化，提升JavaScript的代码组织和复用。Class是原型机制的语法糖，简化面向对象编程。模块化通过`import/export`管理代码，支持默认和命名导出。常见问题包括`this`指向和循环依赖。理解这些问题及避免策略，能助你写出更高效、可维护的代码。**
62
5
5
|
5月前
|
JavaScript
前端开发
Java
【JavaScript】ECMAS6（ES6）新特性概览（二）：解构赋值、扩展与收集、class类全面解析
【JavaScript】ECMAS6（ES6）新特性概览（二）：解构赋值、扩展与收集、class类全面解析
59
2
2
|
5月前
|
存储
JavaScript
前端开发
|
4月前
|
JavaScript
|
4月前
|
JavaScript
前端开发