reduce() 是 JavaScript 内置的数组方法，用于将数组中的所有元素按顺序"压缩"为一个值。

基本语法

const result = arr.reduce((prev, cur, index, arr) => {
    // 返回值会作为下一次调用的 prev
}, initialValue)

Symbol 是 ES6 引入的新原始数据类型，表示独一无二的值，是 JavaScript 的第七种数据类型。

基本特性

1. 独一无二：Symbol('a') === Symbol('a') 返回 false
2. 不能用 new 创建：不是包装对象，直接 Symbol() 调用
3. 可带描述：可选参数 description 用于调试输出
4. 不可枚举：不会出现在 for...in 循环中

将接受多个参数的函数改造为接受单个参数、返回接受下一个参数的函数，直至返回最终结果。

示例

// 普通函数
function add(a, b, c) { return a + b + c }

// 柯里化后
function addCurry(a) {
    return function(b) {
        return function(c) {
            return a + b + c
        }
    }
}

addCurry(1)(2)(3) // 6

JavaScript 是一门多范式编程语言，是 Web 开发的三大核心技术之一（HTML + CSS + JavaScript）。

基本信息

• 类型：高级、动态、解释型语言
• 数据类型：7 种原始类型（undefined, null, boolean, string, number, symbol, bigint）+ object
• 运行时：浏览器、V8 引擎、Node.js

核心知识点

TypeScript 是 JavaScript 的超集，添加了静态类型系统和面向对象特性，广泛用于大型前端项目。

与 JavaScript 的关系

• TypeScript 代码需编译为 JavaScript 运行
• 所有 JavaScript 代码都是合法的 TypeScript 代码（可选类型标注）
• Vue3 全面采用 TypeScript 重写

核心特性

• 静态类型（编译时检查）
• 接口（Interface）与类型别名（Type Alias）
• 泛型（Generics）
• 装饰器（Decorators）

Vue.js 是一款渐进式 JavaScript 框架，用于构建单页应用（SPA）和 Web 界面。博客同时记录了 Vue2 和 Vue3 的学习内容。

Vue2 vs Vue3

本目录对应 docs/learningNote/JSNote/，收录 JavaScript/ES6+ 语言核心知识点笔记。

涵盖主题

数据类型与 API

• Symbol — ES6 引入的第七种原始数据类型，表示独一无二的值，不可使用 new 关键字创建
• Array.reduce() — 数组内置方法，用于将数组元素按顺序累加为单个值，支持 InitialValue

函数与高级概念

本目录对应 docs/learningNote/TypeScriptNote/，以学习日期分章节（第一天～第五天），涵盖 TypeScript 入门与进阶内容。

主要内容

• TypeScript 类型基础（静态类型、类型注解、类型推断）
• 接口（Interface）与类型别名（Type Alias）
• 泛型（Generics）
• 高级类型（联合类型、交叉类型、映射类型）
• 装饰器（Decorators）
• TypeScript 在 Vue3 中的应用

本目录对应 docs/learningNote/vueNote/，包含 Vue2 和 Vue3 的学习笔记。

Vue3 新特性

• 性能提升 — 打包体积减少 41%，初次渲染快 55%
• Composition API — 组合式 API，逻辑复用更强
• 数据响应式重写 — Proxy 替代 Object.defineProperty，支持嵌套对象和数组
• 新组件 — Fragment、Teleport、Suspense
• 更好的 TypeScript 支持
• Vite — 新一代构建工具

定义——一个不会重复的原始数据类型

Symbol是ES6引入的一种新的原始数据类型，表示独一无二的值。它是JavaScript语言的第七种数据类型。

基本数据类型不适用以new关键字新增, 因此它的创建方式如下：