JavaScript 高级_day05 ES6语法

ES6语法 Contents 目 录 ES6简介ES6的新增语法ES6的内置对象扩展 Contents 目 录 ES6简介ES6的新增语法ES6的内置对象扩展 03 39什么是ES6 为什么要学习ES6 要点提示 ES6简介 掌握程度 了解 1 1计算机基础导读 Contents 目 录 ES6简介ES6的新增语法ES6的内置对象扩展 09 45let使用语法 let关键字有什么特点 要点提示 let关键字 一 掌握程度 应用 2 1let关键字 let关键字有什么特点 课堂问答 课堂问答 2 1 1let关键字 02 10let声明的变量是否存在变量提升 要点提示 let关键字 二 掌握程度 应用 2 2let关键字 03 18什么是暂时性死区 要点提示 let关键字 三 掌握程度 应用 2 3let关键字 let关键字是否存在变量提升 什么是暂时性死区 课堂问答 课堂问答 2 3 1let关键字 let关键字就是用来声明变量的使用let关键字声明的变量具有块级作用域在一个大括号中使用let关键字声明的变量才具有块级作用域var关键字是不具备这个特点的防止循环变量变成全局变量使用let关键字声明的变量没有变量提升使用let关键字声明的变量具有暂时性死区特性 2 3 2let关键字 课堂问答 知识总结 04 16在遍历的计数器中 用var声明的变量i是全局的 要点提示 经典面试题 一 掌握程度 理解 2 4经典面试题 关键点在于变量i是全局的 函数执行时输出的都是全局作用域下的i值 2 4 1经典面试题 课堂问答 知识总结 02 18在遍历的计数器中 用let声明的变量i是局部的 要点提示 经典面试题 二 掌握程度 理解 2 5经典面试题 关键点在于每次循环都会产生一个块级作用域 每个块级作用域中的变量都是不同的 函数执行时输出的是自己上一级 循环产生的块级作用域 作用域下的i值 2 5 1经典面试题 课堂问答 知识总结 03 14const用来声明常量 具备块级作用域 要点提示 const关键字 一 掌握程度 应用 3 1const关键字 01 49const声明的常量 需要给定初始值 要点提示 const关键字 二 掌握程度 应用 3 2const关键字 const关键字声明的变量具备什么特性 课堂问答 课堂问答 3 2 1const关键字 04 42常量一旦赋值 不能被更改 要点提示 const关键字 三 掌握程度 应用 3 3const关键字 const关键字声明的变量能被重新赋值吗 课堂问答 课堂问答 3 3 1const关键字 const声明的变量是一个常量既然是常量不能重新进行赋值 如果是基本数据类型 不能更改值 如果是复杂数据类型 不能更改地址值声明const时候必须要给定值 课堂问答 知识总结 3 3 2const关键字 02 52记忆三个关键字的特点 要点提示 let const var关键字的区别 掌握程度 记忆 4 1let const var关键字的区别 使用var声明的变量 其作用域为该语句所在的函数内 且存在变量提升现象使用let声明的变量 其作用域为该语句所在的代码块内 不存在变量提升使用const声明的是常量 在后面出现的代码中不能再修改该常量的值 课堂问答 知识总结 4 1 1let const var关键字的区别 05 21解构赋值 分解数据结构 为变量赋值数组解构的语法是怎样 要点提示 数组解构赋值 掌握程度 应用 5 1解构赋值 如何理解解构赋值 数组解构语法怎样去写 课堂问答 课堂问答 5 1 1解构赋值 03 58结合数组解构来理解对象解构 要点提示 对象解构 一 掌握程度 应用 5 2解构赋值 02 51对象解构可以进行别名设置 要点提示 对象解构 二 掌握程度 应用 5 3解构赋值 对象解构与数组解构语法有什么不同 对象解构是否可以定义别名 课堂问答 课堂问答 5 3 1解构赋值 解构赋值就是把数据结构分解 然后给变量进行赋值如果结构不成功 变量跟数值个数不匹配的时候 变量的值为undefined数组解构用中括号包裹 多个变量用逗号隔开 对象解构用花括号包裹 多个变量用逗号隔开利用解构赋值能够让我们方便的去取对象中的属性跟方法 课堂问答 知识总结 5 3 2解构赋值 08 21记忆箭头函数语法规则 要点提示 箭头函数 掌握程度 应用 6 1箭头函数 练习 动动手 试着自己定义箭头函数吧 提示 定义一个箭头函数 传递两个形参num1 num2调用定义的函数 打印num1与num2的和 3分钟 6 1 1箭头函数 06 23箭头函数this指向定义它的地方 要点提示 箭头函数中this关键字 掌握程度 理解 6 2箭头函数 箭头函数不绑定this关键字 如果在箭头函数中使用this this关键字将指向箭头函数定义位置中的this箭头函数的优点在于解决了this执行环境所造成的一些问题 比如 解决了匿名函数this指向的问题 匿名函数的执行环境具有全局性 包括setTimeout和setInterval中使用this所造成的问题 课堂问答 知识总结 6 2 1箭头函数this指向 02 41箭头函数this指向定义它的地方 要点提示 箭头函数面试题 掌握程度 理解 6 3箭头函数面试题 箭头函数this指向的是被声明的作用域里面 而对象没有作用域的 所以箭头函数虽然在对象中被定义 但是this指向的是全局作用域 课堂问答 知识总结 6 3 1箭头函数面试题 05 01用于解决实参个数不定的情况 要点提示 剩余参数 掌握程度 应用 7 1剩余参数 02 47 要点提示 剩余参数和解构配合使用 掌握程度 应用 7 2剩余参数 Contents 目 录 ES6简介ES6的新增语法ES6的内置对象扩展 04 12 要点提示 Array扩展运算符 掌握程度 应用 8 1Array对象拓展 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 课堂问答 知识总结 8 1 1拓展运算符 06 16合并数组 要点提示 Array扩展运算符应用场景 一 掌握程度 理解 8 2Array对象拓展 扩展运算符可以将多个数组进行合并利用 数组一 数组二 或者利用push方法 课堂问答 知识总结 8 2 1拓展运算符应用场景 一 03 31将伪数组转成真正的数组 要点提示 Array扩展运算符应用场景 二 掌握程度 理解 8 3Array对象拓展 扩展运算符可以将伪数组转成真的数组 转成了数组 就能使用数组中的方法例如 letoDivs document getElementsByTagName div oDivs oDivs 课堂问答 知识总结 8 3 1拓展运算符应用场景 二 04 46将伪数组或可遍历对象转换为真正的数组 要点提示 Array from方法 掌握程度 应用 8 4Array对象拓展 可以把伪数组或者是对象转成数组形式如果是对象 属性需要是对应的索引值索引需要跟值还有长度匹配 如果没有匹配到 那么数组对应位置的值就是undefined 课堂问答 知识总结 8 4 1Array from方法 04 59find方法查找数组中第一个匹配的值 要点提示 Array实例方法 find 掌握程度 应用 8 5Array对象拓展 用于找出第一个符合条件的数组成员 如果没有找到返回undefined只会匹配第一个满足条件的 课堂问答 知识总结 8 5 1Array实例方法 find 练习 动动手 试着使用find方法来查询元素吧 提示 定义一个数组利用find方法来匹配符合条件的元素 3分钟 8 5 2Array实例方法 find 02 34查找数组中第一个匹配的值的索引 要点提示 Array实例方法 findIndex 掌握程度 应用 8 6Array对象拓展 用于找出第一个符合条件的数组成员的位置 如果没有找到返回 1 课堂问答 知识总结 8 6 1Array实例方法 findIndex 02 52判断某个数组是否包含给定的值 返回布尔值 要点提示 Array实例方法 includes 掌握程度 应用 8 7Array对象拓展 用于判断数组中是否包含该元素 如果有返回是true 如果没有返回是false 课堂问答 知识总结 8 7 1Array实例方法 includes 练习 动动手 试着使用includes方法来查询元素吧 提示 定义一个数组利用includes方法来判断是否含有该元素 3分钟 8 7 2Array实例方法 includes 07 29使用反引号定义 要点提示 模板字符串 掌握程度 应用 9 1String对象拓展 模板字符串语法是用反引号定义模板字符串中可以解析变量 不需要用 号进行拼接 用 变量 模板字符串中可以换行在模板字符串中可以调用函数 用 函数 课堂问答 知识总结 9 1 1模板字符串 练习 动动手 试着用模板字符串拼接变量跟函数把 提示 定义一个变量和一个函数利用反引号包裹字符串 利用 把变量跟函数包裹起来 5分钟 9 1 2模板字符串 03 35用来判断字符串里面是否包含某个字符 要点提示 startsWith方法和endsWith方法 掌握程度 应用 9 2String对象拓展 startsWith 表示参数字符串是否在原字符串的头部 返回布尔值endsWith 表示参数字符串是否在原字符串的尾部 返回布尔值 课堂问答 知识总结 9 2 1startsWith方法和endsWith方法 01 42使用repeat语法 知道repeat作用 要点提示 repeat方法 掌握程度 应用 9 3String对象拓展 repeat方法表示将原字符串重复n次 返回一个新字符串 课堂问答 知识总结 9 3 1repeat方法 04 04set是一种数据结构set有什么特点 要点提示 创建set数据结构 掌握程度 应用 10 1set对象 set是一种数据结构set是一个构造函数用来存储数据set里面存储的值是唯一的 课堂问答 知识总结 10 1 1set数据结构 01 51set里面存储的元素都是唯一的 没有重复的值 要点提示 利用set数据结构做数组去重 掌握程度 应用 10 2set对象 05 37添加 删除 判断是否包含 清空 要点提示 set对象实例方法 掌握程度 应用 10 3set对象 add value 添加某个值 返回Set结构本身delete value 删除某个值 返回一个布尔值 表示删除是否成功has value 返回一个布尔值 表示该值是否为Set的成员clear 清除所有成员 没有返回值 课堂问答 知识总结 10 3 1set对象实例方法 01 46遍历set集合 要点提示 遍历set 掌握程度 应用 10 4set对象 set结构的实例与数组一样 也拥有