首页 最新 热门 推荐

  • 首页
  • 最新
  • 热门
  • 推荐

红宝书第一讲:JavaScript 语法与数据类型详解

  • 25-04-17 16:41
  • 2187
  • 9816
juejin.cn

红宝书第一讲:JavaScript 语法与数据类型详解

资料取自《JavaScript高级程序设计(第5版)》。 查看所有教程:红宝书学习大纲


一、基本数据类型(原始类型)

JavaScript 的原始类型是最基础的数据单元,不可再拆分:

  1. 数字(Number)

    • 包含整数、小数、特殊值 NaN(非数字)、Infinity(无穷大)
    • 例子:
      javascript
      代码解读
      复制代码
      const age = 25; // 整数 const price = 9.99; // 小数 const result = 10 / "a"; // NaN(计算错误)
      12
  2. 字符串(String)

    • 用单引号 '、双引号 " 或反引号 `` `包裹
    • 支持模板字符串(嵌入变量 ${x}):
      javascript
      代码解读
      复制代码
      const name = "小明"; const greeting = `你好,${name}!`; // 模板字符串
      1
  3. 布尔值(Boolean)

    • 只有两种值:true(真)和 false(假)
    • 例子:
      javascript
      代码解读
      复制代码
      const isLogged = true; const isAvailable = 10 > 5; // true(比较运算结果)
      2
  4. 空值(null 与 undefined)

    • null:表示有意为空
    • undefined:变量未初始化时默认值
      javascript
      代码解读
      复制代码
      let data = null; // 明确赋空值 let address; // undefined(未赋值)
      1
  5. 符号(Symbol,ES6 新增)

    • 用于创建唯一的标识符(不可重复):
      javascript
      代码解读
      复制代码
      const id1 = Symbol("id"); const id2 = Symbol("id"); console.log(id1 === id2); // false(永远不同)
      1
  6. 大整数(BigInt,ES11 新增)

    • 处理超大整数,后缀加 n:
      javascript
      代码解读
      复制代码
      const bigNumber = 123456789012345678901234567890n;
      1

二、对象类型(复杂类型)

对象类型可以包含多个值或功能:

  1. 普通对象(Object)

    • 用花括号 {} 定义键值对:
      javascript
      代码解读
      复制代码
      const user = { name: "小明", age: 18 };
      1
  2. 数组(Array)

    • 存储有序数据,用 [] 定义:
      javascript
      代码解读
      复制代码
      const fruits = ["苹果", "香蕉", "橘子"];
      3
  3. 日期(Date)

    • 处理时间:
      javascript
      代码解读
      复制代码
      const today = new Date(); // 当前时间
      2
  4. 正则表达式(RegExp)

    • 用于匹配文本规则,用 /.../ 定义:
      javascript
      代码解读
      复制代码
      const emailPattern = /^\w+@\w+\.\w+$/; // 验证邮箱
      2

三、自动类型转换(隐式转换)

JavaScript 会自动转换类型:

原类型 → 目标类型转换规则示例
Number → String数字转字符串String(123) → "123"
String → Number纯数字字符串转数字,否则转 NaNNumber("100") → 100
Boolean → Numbertrue → 1,false → 0Number(true) → 1
Object → String转成 [object Object](默认)String({}) → "[object Object]"

12


四、手动类型转换(显式转换)

开发中常用强制转换:

javascript
代码解读
复制代码
const num = parseInt("100"); // 字符串转整数 → 100 const bool = Boolean("hello"); // 字符串转布尔 → true

目录:总目录

上篇文章:《JavaScript高级程序设计(第5版)》学习大纲

下篇文章:红宝书第二讲:JavaScript变量声明:var、let、const详解

Footnotes

  1. 字符串、数值、布尔值与类型转换规则,《JavaScript高级程序设计(第5版)》 第三章 ↩ ↩2 ↩3 ↩4 ↩5 ↩6 ↩7

  2. 基本引用类型(Date、RegExp、原始包装类型)的定义与用法,《JavaScript高级程序设计(第5版)》 第五章 ↩ ↩2 ↩3 ↩4 ↩5

  3. 数组类型与操作方法,《JavaScript高级程序设计(第5版)》 第六章 ↩

注:本文转载自juejin.cn的kovli的文章"https://juejin.cn/post/7488575555049095220"。版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。如有侵权,请联系我们删除。
复制链接
复制链接
相关推荐
发表评论
登录后才能发表评论和回复 注册

/ 登录

评论记录:

未查询到任何数据!
回复评论:

分类栏目

后端 (14832) 前端 (14280) 移动开发 (3760) 编程语言 (3851) Java (3904) Python (3298) 人工智能 (10119) AIGC (2810) 大数据 (3499) 数据库 (3945) 数据结构与算法 (3757) 音视频 (2669) 云原生 (3145) 云平台 (2965) 前沿技术 (2993) 开源 (2160) 小程序 (2860) 运维 (2533) 服务器 (2698) 操作系统 (2325) 硬件开发 (2492) 嵌入式 (2955) 微软技术 (2769) 软件工程 (2056) 测试 (2865) 网络空间安全 (2948) 网络与通信 (2797) 用户体验设计 (2592) 学习和成长 (2593) 搜索 (2744) 开发工具 (7108) 游戏 (2829) HarmonyOS (2935) 区块链 (2782) 数学 (3112) 3C硬件 (2759) 资讯 (2909) Android (4709) iOS (1850) 代码人生 (3043) 阅读 (2841)

热门文章

101
推荐
关于我们 隐私政策 免责声明 联系我们
Copyright © 2020-2025 蚁人论坛 (iYenn.com) All Rights Reserved.
Scroll to Top