yihan12/build-up_es6-es12

ES6+学习笔记，持续更新中...

build-up_ES6-ES12

JavaScript是目前世界上最常用的编程语言之一，被用于不同的平台，从网络浏览器、移动设备、虚拟现实、网络服务器等。尽管与其他编程语言相比，该语言多年来没有太大变化，但一些变化值得注意。

一般来说，完整的JavaScript包括以下几个部分：

• ECMAScript，描述了该语言的语法和基本对象；
• 文档对象模型（DOM），描述处理网页内容的方法和接口；
• 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

2015年6月，ECMAScript的第6个版本推出，这是我们称之为ES2015或ES6的javascript的最大转变。学习ES6很重要，因为一个原因是它使JavaScript更好、更易于编写，而且ES6还与当今的现代Web技术（如React、Vue、Node. js等）一起使用。

ES6（ECMAScript 6）是JavaScript的一种新的标准，也被称为JavaScript的下一代标准。它在2015年正式发布，为JavaScript带来了许多新的特性和语法糖，使得JavaScript更加强大和易于使用。以下是一些重要的ES6特性和语法：

• 类
• 模块化
• 箭头函数
• 函数参数默认值
• 模板字符串
• 解构赋值
• 扩展操作符
• 对象属性简写
• Promise
• let 与 const

以上是ES6的一些重要特性和语法，深入了解ES6可以使得JavaScript开发更加高效和愉快。 ES6为JavaScript带来了许多新的特性和语法糖，使得JavaScript更加强大和易于使用。因此，对于JavaScript开发者来说，深入了解ES6是非常重要的。

下面是ES6的一些笔记，如果对ES6的知识有所吸收，希望点下star。

• 第一章 变量

  • let、const实现块级作用域
  • let、const暂时性死区（temporal dead zone）
  • var变量提升
  • let不允许重复声明
  • const命令
  • var、let、const有什么区别
  • 解构赋值
    • 对象解构
    • 数组解构
    • 字符串解构

• 第二章 字符串

  • 模板字符串
  • 标签模板
  • 字符串新增方法
    • unicode相关方法
      • String.prototype.codePointAt
      • String.fromCodePoint
      • String.prototype.normalize
    • 原型方法
      • String.prototype.startsWith
      • String.prototype.endsWith
      • String.prototype.includes
      • String.prototype.repeat
    • ES6+
      • ES2017 padStart & padEnd
      • ES2019 trimStart & trimEnd
      • ES2020 matchAll
      • ES2021 replaceAll

• 第三章 数值新特性

  • BigInt
  • Math对象扩展
    • Math.trunc
    • Math.sign
    • Math.hypot
    • Math.hypot
    • 32位转换方法
      • Math.clz32
      • Math.imul
      • Math.fround
    • 对数方法
      • Math.expm1
      • Math.log1p
      • Math.log10
      • Math.log2
    • 双曲函数方法
      • Math.sinh
      • Math.cosh
      • Math.tanh
      • Math.asinh
      • Math.acosh
      • Math.atanh
  • 二进制和八进制表示法
  • 数值分隔符 ES6+
  • 数值新增方法
    • 静态属性和Number.isSafeInteger
    • Number.isNaN
    • Number.isFinite
    • Number.parseInt&Number.parseFloat

• 第四章 数组扩展

  • 扩展运算符（spread）
  • 静态方法
    • Array.of
    • Array.from
  • 原型方法
    • Array.prototype.copyWithin
    • Array.prototype.fill
    • Array.prototype.find
    • Array.prototype.findIndex
  • 迭代器协议相关方法
    • Array.prototype.keys
    • Array.prototype.values
    • Array.prototype.entries
    • Array.prototype[Symbol.iterator]
  • ES6+
    • Array.prototype.includes
    • Array.prototype.flat
    • Array.prototype.flatMap

• 第五章 函数的扩展

  • 函数参数
    • 参数默认值
    • 与解构赋值结合
    • length的属性
    • 作用域
    • 函数的name属性
  • 箭头函数

• 第六章 对象的扩展

• 第七章 Symbol

• 第八章 Set、Map、WeakMap和WeakSet

  • Set&Map
    • Map&Object
    • Set&Array
  • WeakMap&WeakSet
    • 垃圾回收

• 第四章 数值新特性
• 第五章 函数的默认参数、箭头函数、展开运算符、尾调用优化
• 第六章 数组扩展运算符（Rest+Spread）、类方法、原型方法
• 第七章 对象属性名简洁表示法和表达式、对象新方法、属性的遍历
• 第八章 Symbol
• 第九章 Set和Map数据结构
• 第十章 Proxy
• 第十一章 Reflect
• 第十二章 Promise
• 第十三章 async函数
• 第十四章 Class
• 第十五章 Module的语法

参考资料：

• ECMA草案完整版
• ES6 入门教程-阮一峰
• ES6 你可能不知道的事 - 基础篇
• ES6 你可能不知道的事 - 进阶篇
• 探索ES6
• es6features
• Learn ES2015
• JavaScript for impatient programmers (ES2021 edition)
• Destructuring and parameter handling in ECMAScript 6
• ECMAScript 6 Tools
• ECMAScript 6 Learning
• JavaScript for impatient programmers

多拿几个实例去浏览器测试，加深这些新特性理解；此文主要是对各个特性的学习笔记，以及多个特性的实例。这边只是对新特性的理解，要将这些运用到自己的代码中才能更好的理解这些知识。