0

0

javascript类如何定义_它与构造函数有什么联系?

狼影

狼影

发布时间:2025-12-25 03:53:07

|

924人浏览过

|

来源于php中文网

原创

JavaScript中的类是构造函数的语法糖,本质仍基于原型继承,仅提供更清晰的面向对象写法;它支持constructor、实例方法、静态方法、extends继承,但具有提升限制、严格模式、不可枚举等特性。

javascript类如何定义_它与构造函数有什么联系?

JavaScript 中的 类(class)本质上是构造函数的语法糖,它没有引入新的面向对象机制,只是让基于原型的继承写法更清晰、更接近传统语言(如 Java、C++)的风格。

类的定义方式

使用 class 关键字定义一个类,基本结构包括类名、constructor 方法(可选)、以及其它实例方法或静态方法:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }

  static createAnonymous() {
    return new Person('Anonymous', 0);
  }
}

注意:constructor 是唯一在用 new 创建实例时自动调用的方法;若不显式声明,会默认添加一个空的 constructor() {}

类与构造函数的等价关系

上面的 class Person 在底层几乎等同于以下构造函数写法:

立即学习Java免费学习笔记(深入)”;

Sapling AI Content Detector
Sapling AI Content Detector

Sapling.ai推出的免费在线AI内容检测工具

下载
function Person(name, age) {
  this.name = name;
  this.age = age;
}

Person.prototype.sayHello = function() {
  console.log(`Hello, I'm ${this.name}`);
};

Person.createAnonymous = function() {
  return new Person('Anonymous', 0);
};
  • 类声明会提升(hoisting),但不像函数声明那样“完全提升”——它会被提升但未初始化,访问会报 ReferenceError(即存在暂时性死区)
  • 类内部方法默认不可枚举(enumerable: false),而手动挂到 prototype 上的方法默认是可枚举的
  • 类必须用 new 调用,直接调用会报 TypeError;普通构造函数则不会强制限制(尽管语义上也该用 new

继承关系中的体现

类通过 extends 实现继承,底层仍基于 Object.setPrototypeOf()super() 调用父构造函数:

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age); // 相当于 Person.call(this, name, age)
    this.grade = grade;
  }
}

这和老式写法中手动设置原型链(Student.prototype = Object.create(Person.prototype))和借用构造函数(Person.call(this, ...))目标一致,只是封装得更安全、更简洁。

关键区别小结

  • 类不能被重复声明(会报 SyntaxError),函数声明可以(后声明覆盖前声明)
  • 类内部所有代码运行在严格模式下,无需手动加 "use strict"
  • 类的 constructor、原型方法、静态方法都不可枚举,且不能被删除(delete Person.prototype.sayHello 返回 false
  • 箭头函数不能作为类方法(因为不绑定 this),但可作为实例属性(ES2022+ 支持公有字段)

基本上就这些。类没改变 JavaScript 的原型本质,只是让构造函数 + 原型链这套机制写起来更直观、更少出错。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

651

2023.06.15

java流程控制语句有哪些
java流程控制语句有哪些

java流程控制语句:1、if语句;2、if-else语句;3、switch语句;4、while循环;5、do-while循环;6、for循环;7、foreach循环;8、break语句;9、continue语句;10、return语句。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

453

2024.02.23

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

722

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

725

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

394

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

398

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

441

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

426

2023.08.02

苹果官网入口直接访问
苹果官网入口直接访问

苹果官网直接访问入口是https://www.apple.com/cn/,该页面具备0.8秒首屏渲染、HTTP/3与Brotli加速、WebP+AVIF双格式图片、免登录浏览全参数等特性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

10

2025.12.24

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 2.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 1.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号