当前位置：首页 > article >正文

ES6（1）简介与基础概念

article 2025/3/17 9:39:07

1. ES6 简介

ES6（ECMAScript 6）是 JavaScript 的一个重要版本，它在 ES5 的基础上进行了扩展和优化。ES6 主要应用于现代 Web 开发，提高了 JavaScript 的编程效率和可读性。

2. ES6 与 JavaScript 的关系

JavaScript 是一种基于 ECMAScript 规范的编程语言，而 ES6 是 ECMAScript 的第六个主要版本（ECMAScript 2015），它带来了许多新的特性，如 let 和 const 关键字、箭头函数、类（Class）、模块化（Module）、模板字符串等，使 JavaScript 变得更加强大和易用。

3. 变量与常量

3.1 变量（Variable）

在 ES6 中，定义变量可以使用 let 关键字。例如：

let name = "鹏哥";
console.log(name); // 输出：鹏哥
console.log(typeof name); // 输出：string

变量 name 存储了一个字符串，并且可以在后续代码中被重新赋值。

3.2 常量（Constant）

常量使用 const 关键字定义，定义后不能修改。

const pi = 3.14;
console.log(pi); // 输出：3.14
console.log(typeof pi); // 输出：number

4. 数据类型

ES6 提供了多种数据类型，主要包括：

4.1 字符串（String）

字符串使用双引号 "" 或单引号 '' 进行定义。

let greeting = "你好，ES6";
console.log(greeting);
console.log(typeof greeting); // 输出：string

4.2 数值（Number）

ES6 的数值类型既可以表示整数，也可以表示浮点数。

let age = 22;
console.log(age);
console.log(typeof age); // 输出：number

4.3 布尔值（Boolean）

布尔值只有 true 和 false 两种状态。

let isStudent = true;
console.log(isStudent);
console.log(typeof isStudent); // 输出：boolean

4.4 对象（Object）

对象用于存储键值对。

let boy = {
    name: "theodore",
    age: 22
};
console.log(boy);
console.log(typeof boy); // 输出：object

4.5 映射（Map）

Map 是一种键值对集合，键的类型可以是任何值。

let girl = new Map([
    ["name", "andy"],
    ["age", 20]
]);
console.log(girl);
console.log(typeof girl); // 输出：object

4.6 集合（Set）

Set 是一种不允许重复值的数据结构。

let numbers = new Set([1, 2, 3, 4, 5, 5, 6]);
console.log(numbers);
console.log(typeof numbers); // 输出：object

4.7 数组（Array）

数组用于存储多个值。

let strArray = ["a", "1", "你好"];
console.log(strArray);
console.log(typeof strArray); // 输出：object

4.8 函数（Function）

函数用于封装可复用的代码。

function add(a, b) {
    return a + b;
}
console.log(add(2, 3)); // 输出：5
console.log(typeof add); // 输出：function

4.9 类（Class）

ES6 引入了类的概念，使 JavaScript 具备面向对象编程的特性。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    info() {
        console.log(this.name, this.age);
    }
}
let c = new Person("大哥", 23);
c.info(); // 输出：大哥 23