ECMAScript标准----核心特性

l1337224493

于 2024-09-30 08:59:24 发布

阅读量1.2k

点赞数 21

分类专栏：技术文章标签： ecmascript

本文链接：https://blog.csdn.net/l1337224493/article/details/142648511

版权

技术专栏收录该内容

9 篇文章 0 订阅

订阅专栏

ECMAScript标准概述

ECMAScript（简称ES）是一种由ECMA国际组织制定的脚本语言标准，最初用于在网页上实现动态交互。它为JavaScript、JScript和ActionScript等多种编程语言提供了基础。

ECMAScript的版本演变

ECMAScript的版本经历了多个阶段，从最初的ES1到目前的ES2023，每个版本都引入了一些新的特性和改进。以下是一些重要版本的简要介绍：

ES1（1997）: 第一个正式发布的版本，定义了基本语法和数据类型。
ES2（1998）: 对ES1的修订，主要修复了一些错误。
ES3（1999）: 引入了正则表达式、try/catch语句、以及对数组和字符串的方法扩展。
ES4（未发布）: 计划引入许多新特性，但由于争议而未能实现。
ES5（2009）: 引入了JSON支持、严格模式、数组方法（如forEach和map）等。
ES6（2015）: 重大版本，引入了类、模块、箭头函数、Promise、let和const等。
ES7（2016）: 引入了Array.prototype.includes和指数运算符（**）。
ES8（2017）: 增加了async/await、Object.entries和Object.values等特性。
ES9（2018）: 引入了Promise.prototype.finally和Rest/Spread属性等。
ES10（2019）: 增加了Array.prototype.flat和Object.fromEntries等。
ES11（2020）: 引入了动态import、Optional Chaining和Nullish Coalescing等。
ES12（2021）: 增加了WeakRefs和Logical Assignment Operators等。
ES13（2022）: 引入了Top-level await和WeakRefs的改进。
ES14（2023）: 包括一些新特性和改进，但具体细节可能因实现而异。

核心特性

1. 数据类型

ECMAScript支持多种数据类型，包括：

原始数据类型:
- Number: 数字，包括整数和浮点数。
- String: 字符串，表示文本。
- Boolean: 布尔值，true或false。
- Undefined: 未定义，表示变量未赋值。
- Null: 空值，表示无值或缺失值。
- Symbol: 表示唯一且不可变的值，用于对象属性的唯一标识。
引用数据类型:
- Object: 由键值对组成的无序集合，包括数组、函数等。

2. 变量声明

ECMAScript支持三种方式声明变量：

var: 函数作用域，存在变量提升。
let: 块作用域，避免了变量提升问题。
const: 块作用域，声明常量，必须在声明时初始化。

3. 函数

ECMAScript支持多种函数声明方式，包括：

普通函数: 使用function关键字声明。
箭头函数: 使用“=>”语法，简化函数表达式，并且不绑定this。

示例：

const add = (a, b) => a + b;

4. 模块

ES6引入了模块化，使用import和export语法来实现模块的导入和导出。这使得代码更易于管理和重用。

示例：

// module.js
export const PI = 3.14;
export function sum(a, b) {
  return a + b;
}

// main.js
import { PI, sum } from './module.js';

5. 类和继承

ES6引入了类的概念，使得对象的创建和继承更加简单和清晰。

示例：

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog('Rex');
dog.speak(); // Rex barks.

6. Promise和异步编程

ES6引入了Promise，解决了传统回调函数的嵌套问题，使得异步编程更加简洁。ES2017进一步引入了async/await，使得异步代码更接近同步代码的风格。

示例：

function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

async function getData() {
  const data = await fetchData();
  console.log(data);
}
getData();

7. 解构赋值

解构赋值使得从数组和对象中提取值变得更加简单。

示例：

const arr = [1, 2, 3];
const [a, b] = arr; // a = 1, b = 2

const obj = { x: 1, y: 2 };
const { x, y } = obj; // x = 1, y = 2

8. 扩展运算符和剩余参数

扩展运算符（...）用于将数组展开，剩余参数用于将多个参数聚合为数组。

示例：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, ...arr1]; // arr2 = [4, 5, 1, 2, 3]

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}

9. 高级数组方法

ECMAScript提供了许多数组方法，使得数组的操作更加方便，包括：

map(): 返回一个新数组，包含调用数组中每个元素后的结果。
filter(): 创建一个新数组，包含所有通过测试的元素。
reduce(): 从左到右执行一个函数，将数组归纳为单个值。

示例：

const nums = [1, 2, 3, 4];
const doubled = nums.map(num => num * 2); // [2, 4, 6, 8]
const evens = nums.filter(num => num % 2 === 0); // [2, 4]
const sum = nums.reduce((acc, num) => acc + num, 0); // 10