ES6 数据类型概述

在前端开发中，我们经常需要操作不同的数据类型，例如字符串、数字、数组、对象等。ES6（ECMAScript 2015）引入了许多新的数据类型，本文将对 ES6 中的数据类型进行概述。

let 和 const

ES6 中引入了两个新的变量声明方式：let 和 const。使用 let 声明的变量可被修改，而使用 const 声明的变量则是常量，不可被修改。这两个关键字可以代替 var，使代码更加严谨。

let a = 1;
const b = 2;

a = 3; // a 可以被修改
b = 4; // 报错，常量不可被修改

Symbol

Symbol 是 ES6 中引入的一种新的基本数据类型，表示独一无二的值。通过 Symbol() 函数创建一个 Symbol 值，可以作为对象的属性名。

const symbol1 = Symbol();
const symbol2 = Symbol();

console.log(symbol1 === symbol2); // false，每个 Symbol 值都是独一无二的

Map 和 Set

ES6 中引入了两个新的数据结构：Map 和 Set。Map 是一种键值对的集合，可以使用任何类型的值作为键名；Set 是一种无重复值的集合。

const map = new Map();
map.set('name', 'Tom');
map.set('age', 18);

console.log(map.get('name')); // Tom

const set = new Set([1, 2, 3, 3, 4]);
console.log(set); // Set {1, 2, 3, 4}

Class

ES6 中引入了 Class 关键字，使得面向对象编程更加方便。通过 Class 关键字创建一个类，可以定义构造函数、方法等。

// javascriptcn.com 代码示例
class Animal {
  constructor(name) {
    this.name = name;
  }

  sayName() {
    console.log('My name is ' + this.name);
  }
}

const cat = new Animal('Tom');
cat.sayName(); // My name is Tom

Promise

Promise 是一种异步编程的解决方案，ES6 中引入了 Promise 对象。Promise 对象表示一个异步操作的最终完成或失败，并返回一个结果。

// javascriptcn.com 代码示例
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data fetched!');
    }, 1000);
  });
}

fetchData().then(data => {
  console.log(data); // Data fetched!
});

总结

ES6 引入了许多新的数据类型和特性，使得编写 JavaScript 代码更加简单、高效和可维护。学习和掌握这些新特性，可以提高前端开发的效率和质量。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6561b0d1d2f5e1655dbbdcde