ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ECMAScript 6 基础

2022-04-29 08:00:06  阅读:217  来源: 互联网

标签:Web zh docs JavaScript 基础 ECMAScript https developer


  # ECMAScript 6 基础 - 课堂目标   - 录播视频要点回顾   - 掌握ES6基本使用   - 了解数据驱动视图模式   - 完成员工列表案例   - 完成百度音乐案例 - 本节知识要点   - ES6+基本使用   - 数据驱动视图   - 员工列表案例   - 百度音乐全选案例
## ECMAScript 6 简介 - JavaScript 三大组成部分     - ECMAScript     - DOM     - BOM - ECMAScript 发展历史 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Language_Resources - ECMAScript 包含内容:JS 中的数据类型及相关操作,流程控制,运算符及相关运算…… ## ECMAScript 6 - let 和 const     - let 和 var 的差异         - let 允许声明一个在作用域限制在块级中的变量、语句或者表达式             - 块级作用域         - var 声明的变量只能是全局或者整个函数块的         - let 不能重复声明         - let 不会被预解析         - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let     - const 常量         - 常量不能重新赋值         - 不能重复声明         - 块级作用域         - const 不会被预解析         - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/const - 解构赋值     - 对象的解构赋值     - 数组的解构赋值     - 字符串的解构赋值     - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment - 展开运算符     - 对象展开     - 数组展开     - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax - Set 对象         - Set 对象的数据结构     - Set 相关属性与方法         - size 属性         - clear()、delete()、has()、add()         - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set - Map 对象     - Map 对象的数据结构     - Map 相关属性与方法     - size 属性     - clear()、delete()、get()、has()、set()     - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map     - 函数新增扩展     - 箭头函数         - 箭头函数的各种写法         - 箭头函数的 this 问题         - 箭头函数的不定参问题         - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions     - rest 参数设置     - 参数默认值设置 - 新增数组扩展     - Array.from()、Array.of()     - find()、findIndex()、includes()     - flat()、flatMap()     - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array - 新增字符串扩展     - includes(), startsWith(), endsWith()     - repeat()     - 模版字符串       - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String - 新增对象扩展     - 属性简洁表示法     - 属性名表达式     - 手册地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object - babel 使用     - Babel 是一个 JavaScript 编译器     - 手册地址:https://www.babeljs.cn/     - Babel 基本是否方法
###  带着问题学习
- 小试牛刀
  - var、let 及 const 区别?
  - 说一下 ES6 对 Object 类型做了哪些优化更新?

## 员工列表
-  数据驱动视图 - 员工列表筛选
###百度全选列表
- 实现添加功能 - 实现全选功能 - 实现删除功能
### 总结
- ES6基本使用 - let、const、解构赋值、展开运算符... - 数据驱动视图 - ES6员工列表案例 - ES6百度音乐全选案例
### 下期预告
- js面向对象

标签:Web,zh,docs,JavaScript,基础,ECMAScript,https,developer
来源: https://www.cnblogs.com/lotus-wmm/p/16205290.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有