es6学习汇总

学习过程

一、概述
ES6（ECMAScript  2015）是JavaScript的最新标准，带来了许多新的特性，如let/const声明、箭头函数、模板字符串、解构赋值、模块化等，使得JavaScript变得更加简洁、高效、易用。
 

二、核心语法改进
1.变量声明：
     -  let：作用域局部，块级作用域，不允许重复声明。
     -  const：作用域局部，块级作用域，不允许修改值。
2.变量赋值：
     -  新增一键解绑事件：event.preventDefault()
     -  新增事件对象：Event、MouseEvent、TouchEvent等
3.函数：
     -  箭头函数：简洁的匿名函数，参数通过箭头传入，可以省略this。
     -  函数参数解构：简化参数赋值，支持默认值。
4.模板字符串：
     -  字符串字面量，使用反引号（`）包裹。
     -  支持变量插入、条件渲染、列表渲染等。
5.数组：
     -  扩展运算符（...）：用于拆分数组、提取元素等。
     -  数组方法：find、findIndex、some、every、reduce、map、filter等。
6.对象：
     -  对象字面量：简化创建对象。
     -  对象方法：Object.prototype.toString、Object.keys、Object.values、Object.entries等。
7.模块化：
     -  模块声明：import、export、module.exports等。
     -  模块导入：动态导入，如import()。
 

三、新增DOM  API
1.获取元素：
     -  querySelector、querySelectorAll、querySelectorAll('css选择器')
2.操作元素：
     -  querySelector('selector').属性名  =  '值'
     -  querySelector('selector').样式名  =  '值'
3.事件绑定：
     -  元素.addEventListener('事件名',  函数)
4.动画：
     -  requestAnimationFrame：实现动画延迟渲染

四、Promise
1.定义：一个异步操作的最终完成（或失败）及其结果值。
2.创建：
     -  new  Promise(函数)，参数为异步函数。
     -  .then(函数1，函数2)：处理成功和失败的情况。
     -  .catch(函数)：处理失败情况。
     -  .finally(函数)：无论成功或失败，都会执行的函数。

五、生成器
1.定义：一个特殊的函数，用于创建迭代器。
2.使用：
     -  关键字：function*
     -  参数：用于生成值的函数
     -  遍历：for...of、forEach、map、filter等

学习心得

学习了js的进阶语言es6，使的代码更加简洁，但是也更难懂。学了es6的感受就是学了又感觉没学哈哈哈哈。还是记不住，特别是箭头函数，省略的方式太多，记不住，也好难看懂。所以要多敲代码，写这个函数。然后也还学了不刷新页面的Ajax、学会使用接口将数据传给后台。开始慢慢的前后端交互。虽然还只是基础。也学会了管理代码，gitee仓库什么的，虽然运用的不是很熟练。总的来说，学的东西还是要多用，多敲。要不然真的太容易忘记了。

学习计划

用Ajax将页面完成，复习es6，复习如何使用git管理代码