在线音乐网站模板,在哪里安装wordpress,域名申请网页制作网站建设,炫酷wordpress主题ES6新增的内容之前的都是 ES5 的内容接下来我们聊一下 ES6 的内容let 和 const 关键字我们以前都是使用 var 关键字来声明变量的在 ES6 的时候#xff0c;多了两个关键字 let 和 const#xff0c;也是用来声明变量的只不过和 var 有一些区别1、let 和 const 不允许重复声明变…ES6新增的内容之前的都是 ES5 的内容接下来我们聊一下 ES6 的内容let 和 const 关键字我们以前都是使用 var 关键字来声明变量的在 ES6 的时候多了两个关键字 let 和 const也是用来声明变量的只不过和 var 有一些区别 1、let 和 const 不允许重复声明变量// 使用 var 的时候重复声明变量是没问题的只不过就是后面会把前面覆盖掉
// 使用 let 重复声明变量的时候就会报错了2、let 和 const 声明的变量不会在预解析的时候解析也就是没有变量提升// 因为预解析变量提升的原因在前面是有这个变量的只不过没有赋值
// 因为 let 不会进行预解析变量提升所以直接报错了
// 因为 const 不会进行预解析变量提升所以直接报错了3、let 和 const 声明的变量会被所有代码块限制作用范围// var 声明的变量只有函数能限制其作用域其他的不能限制
// let 声明的变量除了函数可以限制所有的代码块都可以限制其作用域if/while/for/...
// const 声明的变量除了函数可以限制所有的代码块都可以限制其作用域if/while/for/...
let 和 const 的区别 1、let 声明的变量的值可以改变const 声明的变量的值不可以改变let const 2、let 声明的时候可以不赋值const 声明的时候必须赋值let const 箭头函数箭头函数是 ES6 里面一个简写函数的语法方式重点 箭头函数只能简写函数表达式不能简写声明式函数function 语法 (函数的行参) { 函数体内要执行的代码 }const 箭头函数的特殊性箭头函数内部没有 this箭头函数的 this 是上下文的 this// 在箭头函数定义的位置往上数这一行是可以打印出 this 的
按照我们之前的 this 指向来判断两个都应该指向 obj但是 fun 因为是箭头函数所以 this 不指向 obj而是指向 fun 的外层就是 window箭头函数内部没有 arguments 这个参数集合const 函数的行参只有一个的时候可以不写 () 其余情况必须写 const 函数体只有一行代码的时候可以不写 {} 并且会自动 returnconst 函数传递参数的时候的默认值我们在定义函数的时候有的时候需要一个默认值出现就是当我不传递参数的时候使用默认值传递参数了就使用传递的参数function 在 ES6 中我们可以直接把默认值写在函数的行参位置function 这个默认值的方式箭头函数也可以使用const 注意 箭头函数如果你需要使用默认值的话那么一个参数的时候也需要写 解构赋值解构赋值就是快速的从对象或者数组中取出成员的一个语法方式解构对象快速的从对象中获取成员// ES5 的方法向得到对象中的成员
// 解构赋值的方式从对象中获取成员
解构数组快速的从数组中获取成员 // ES5 的方式从数组中获取成员
// 使用解构赋值的方式从数组中获取成员
注意{} 是专门解构对象使用的[] 是专门解构数组使用的不能混用模版字符串ES5 中我们表示字符串的时候使用 或者 在 ES6 中我们还有一个东西可以表示字符串就是 反引号let 和单引号好友双引号的区别 1、反引号可以换行书写// 这个单引号或者双引号不能换行换行就会报错了
let 2、反引号可以直接在字符串里面拼接变量 // ES5 需要字符串拼接变量的时候
// 模版字符串拼接变量在 里面的 ${} 就是用来书写变量的位置展开运算符ES6 里面号新添加了一个运算符 ... 叫做展开运算符作用是把数组展开 let 合并数组的时候可以使用 let 也可以合并对象使用 let 在函数传递参数的时候也可以使用let Map 和 Set 是 ES6 新增的两个数据类型都是属于内置构造函数使用 new 的方式来实例化使用Set使用方式就是和 new 连用const 就是一个数据集合我们可以在 new 的时候直接向内部添加数据 // 实例化的时候直接添加数据要以数组的形式添加
看上去是一个类似数组的数据结构但是不是就是 Set 数据结构常用方法和属性size 用来获取该数据结构中有多少数据的 const 看上去是一个和数组数据类型差不多的数据结构而且我们也看到了 length 属性 但是不能使用想要获取该数据类型中的成员数量需要使用 size 属性add : 用来向该数据类型中追加数据 const 这个方法就是向该数据类型中追加数据使用的delete : 是删除该数据结构中的某一个数据 const clear 清空数据结构中的所有数据 const has 查询数据解构中有没有某一个数据 const forEach : 用来遍历 Set 数据结构的方法const 方法介绍的差不多了有一个问题出现了那就是我们的方法要么是添加要么是删除要么是查询没有获取因为要获取 Set 结构里面的数据需要借助一个 ... 展开运算符把他里面的东西都放到一个数组里面去然后再获取const 又一个问题出现了new 的时候需要以数组的形式传递然后获取的时候又要转成数组的形式获取那么我为什么不一开始就定义数组要这个 Set 数据类型干什么这就不得不提到一个 Set 的特点Set 不允许存储重复的数据 const Map也是要和 new 连用是一个数据集合是一个很类似于 对象 的数据集合 const 我们的对象中不管存储什么key 一定是一个字符串类型但是再 Map 里面我们的 key 可以为任意数据类型我们也管 Map 叫做 值 值 的数据类型const 常用方法和属性size 用来获取该数据类型中数据的个数 const delete : 用来删除该数据集合中的某一个数据 const set : 用来向该数据集合中添加数据使用const get : 用来获取该数据集合中的某一个数据const clear : 清除数据集合中的所有数据const has 用来判断数据集合中是否存在某一个数据const 千锋HTML5学院JavaScript学习笔记二十-- DOM动画效果zhuanlan.zhihu.com
