讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript类如何定义_与构造函数有什么区别

星伟大大_5161

星伟大大_5161

发布时间:2026-01-06 09:01:02

|

531人浏览过

|

来源于php中文网

原创

JavaScript 类的 constructor 是类内部必需的初始化方法,非独立构造函数;无显式声明时自动插入空 constructor(){};继承时子类必须显式调用 super();类体中仅允许声明不允许执行语句。

javascript类如何定义_与构造函数有什么区别

JavaScript 类的 constructor 不是“与类并列的东西”

类(class)在 JavaScript 中本质是语法糖,constructor 是它内部必须(或隐式存在)的初始化方法,不是独立于类之外的构造函数。你不能脱离 class 声明单独定义一个“类的 constructor”,它只能作为类体的一部分出现。

常见误解是把 constructor 当成旧式函数构造器(如 function Person() {})的平替——其实二者行为相似,但语义和限制不同:

  • class 声明会自动启用严格模式,且不提升(ReferenceError);函数声明会提升
  • constructor 中若没写 return,默认返回 this;但若显式 return 一个对象,则该对象成为实例,覆盖 this
  • 类中所有方法(包括 constructor)都是不可枚举的;而函数构造器上直接挂的属性/方法默认可枚举

class 内部没有 constructor 会发生什么

如果不显式写 constructor,JavaScript 会自动插入一个空的默认构造函数:

constructor() {}
。这意味着:

  • 调用 new MyClass() 仍能成功,返回新对象
  • 不会执行任何初始化逻辑(比如赋值、绑定方法等)
  • 如果父类有带参数的 constructor,子类又没写自己的 constructor,就会报错:Must call super constructor in derived class before accessing 'this'

所以继承时,哪怕只是想透传参数,也得显式写:

constructor(...args) { super(...args); }

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

javascript-pro
javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家,适用于现代开发

下载

为什么不能在 constructor 外给实例加属性

很多人试图这样写来“模拟字段初始化”:

class Person {
  name = 'unknown'; // ✅ 可以(类字段语法,ES2022+)
  age;
  constructor(name) {
    this.name = name; // ✅ 显式赋值
  }
  // ❌ 下面这行无效:语法错误,不允许在类体中写赋值语句
  this.age = 0;
}

原因在于:类体(class {...} 内部)只允许声明方法、getter/setter、静态成员和公共字段(name = 'x'),不允许执行语句。所有运行时逻辑必须进 constructor 或其他方法。

字段声明(name = 'x')会在 constructor 开头被自动执行,顺序在 super() 之后、用户代码之前——这点容易被忽略,尤其涉及继承时。

构造函数与 constructor 的实际差异点

真正影响实操的是这几个边界情况:

  • 箭头函数不能当 constructor:类内部的 constructor 必须是普通函数;而传统构造函数可以是任意函数表达式(包括箭头函数,虽然那会导致 this 错乱)
  • 不能用 new.target 在类外判断是否被 new 调用:类的 constructor 中可用 new.target,但普通函数构造器中才常用它做防御性检查
  • 类无法被当作普通函数调用:MyClass() 报 TypeError: Class constructor MyClass cannot be invoked without 'new';而函数构造器可以(只是 this 指向全局,通常出 bug)

字段初始化时机、super() 调用位置、new.target 行为——这些细节在跨框架或封装基类时最容易踩坑。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

3336

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

286

2025.12.06

function是什么
function是什么

function是函数的意思,是一段具有特定功能的可重复使用的代码块,是程序的基本组成单元之一,可以接受输入参数,执行特定的操作,并返回结果。本专题为大家提供function是什么的相关的文章、下载、课程内容,供大家免费下载体验。

2680

2023.08.04

js函数function用法
js函数function用法

js函数function用法有:1、声明函数;2、调用函数;3、函数参数;4、函数返回值;5、匿名函数;6、函数作为参数;7、函数作用域;8、递归函数。本专题提供js函数function用法的相关文章内容,大家可以免费阅读。

454

2023.10.07

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

0

2026.09.30

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

0

2026.09.29

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

200

2026.09.23

Buffalo框架路由与请求处理实操指南
Buffalo框架路由与请求处理实操指南

本专题讲解Buffalo框架路由与请求处理机制,涵盖路由注册与分组、资源路由、Handler编写规范、Context上下文方法、参数绑定、中间件编写挂载、Session与Cookie读写、Flash消息及错误页面定制方法。

120

2026.09.23

Buffalo框架零基础入门教程
Buffalo框架零基础入门教程

本专题整理Buffalo框架入门内容,涵盖Go环境准备、buffalo CLI安装、新项目生成、目录结构说明、dev热加载启动、数据库连接配置与常见报错排查,帮助新手按约定优于配置的思路跑通第一个Buffalo框架应用。

100

2026.09.23

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn