跳到主要内容
极客日志极客日志
首页博客AI提示词GitHub精选代理工具
搜索
|注册
博客列表
JavaScriptNode.js大前端

ES6 核心语法进阶:进制表示、Symbol 及类继承

综述由AI生成ES6 标准在数值字面量上支持二进制和八进制写法,简化了底层数据处理。Symbol 类型提供了独一无二的标识符,常用于定义对象的私有属性。Class 语法完善了面向对象编程模型,子类继承时必须通过 super 调用父类构造器。这些改进显著增强了语言的可读性与维护性。

林间仙子发布于 2026/4/5更新于 2026/4/253 浏览
ES6 核心语法进阶:进制表示、Symbol 及类继承

ES6 新特性详解

ES6(ECMAScript 2015)是 JavaScript 发展史上的重要里程碑,它引入了许多现代化语法,让代码更简洁、逻辑更清晰。今天我们重点聊聊数字字面量、Symbol 类型以及 Class 类的继承机制。

数字字面量的扩展

在 ES6 之前,我们主要使用十进制。现在,二进制和八进制有了直接的写法,处理底层数据时更方便。

  • 二进制:使用前缀 0b 或 0B
  • 八进制:使用前缀 0o 或 0O
let binary = 0b1010; // 二进制 1010,对应十进制 10
console.log(binary); 

let octal = 0o12;    // 八进制 12,对应十进制 10
console.log(octal);

Symbol 类型

Symbol 是 ES6 引入的一种新的原始数据类型,主要用于创建唯一且不可变的标识符。它的核心价值在于解决对象键名冲突的问题,即使描述相同,生成的 Symbol 也不相等。

const sym1 = Symbol('description');
const sym2 = Symbol('description');

// 两个 Symbol 实例互不相等
console.log(sym1 === sym2); // 输出:false

在实际开发中,这常用于定义对象的私有属性,避免被外部意外覆盖。

Class 与继承

Class 提供了一种更清晰的面向对象编程模板,定义了对象的属性和方法。虽然本质仍是基于原型的实现,但语法上更接近传统 OOP 语言。

基础类定义

class Parent {
  constructor(name) {
    this.name = name;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

子类继承

当子类需要继承父类时,必须在构造函数中调用 super()。这是访问父类属性和方法的关键,如果遗漏,会直接抛出错误导致无法使用 this。

class Child extends Parent {
  constructor(name) {
    super(name); // 必须调用 super,否则无法访问 this
  }

  greet() {
    super.greet(); // 调用父类方法
    console.log('I am a child.');
  }
}

通过这种方式,我们可以轻松复用父类逻辑,同时扩展子类的特定行为。掌握这些基础语法,能帮你写出更规范的现代 JavaScript 代码。

目录

  1. ES6 新特性详解
  2. 数字字面量的扩展
  3. Symbol 类型
  4. Class 与继承
  5. 基础类定义
  6. 子类继承
  • 💰 8折买阿里云服务器限时8折了解详情
  • 💰 8折买阿里云服务器限时8折购买
  • 🦞 5分钟部署阿里云小龙虾了解详情
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Win10 升级后频繁弹出 Microsoft 365 Copilot 窗口如何禁用
  • MATLAB 实现基于多目标粒子群算法(MOPSO)的无人机三维路径规划
  • 仓储AGV视觉导航:Java+YOLOv10+Spring Boot对接PLC
  • 基于 Coze 构建小红书视频抓取并同步飞书多维表的智能体工作流
  • Redis 主从复制原理详解:配置、同步与故障处理
  • Web 项目 UI 自动化测试实战:从零搭建博客系统测试框架
  • A/B 测试效率低?AI 实时优化实验策略
  • ARINC 429 航空总线协议原理与实现
  • 基于微信小程序的助农公益平台的设计与实现
  • 2025 年大型语言模型(LLM)15 大突破性发展趋势解析
  • C++ 入门:引用、内联函数与 C++11 新特性详解
  • FAIR plus 机器人全产业链接会:链动全球智能新机遇
  • SystemVerilog 教程:从基础概念到高级验证方法
  • 2026 AI大模型实战:零基础玩转当下最火的AIGC
  • Zep:时间知识图谱驱动的智能体记忆架构
  • Python 多进程开销解析与 IPC 优化实战
  • Trae IDE 结合 Figma 实现设计稿智能生成前端代码
  • 腾讯 WorkBuddy 免部署 AI 智能体,兼容 OpenClaw 技能
  • WorkBuddy 接入 QQ 机器人配置指南
  • AutoGPT 结合 Python 实现 AI 智能体自动化任务指南

相关免费在线工具

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online