![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
文章平均质量分 83
凉风有信、
这个作者很懒,什么都没留下…
展开
-
百度歌单案例
为了巩固ES6的语法,写了这个案例下面是HTML 和 JS部分<!-- 1、obj.fn && obj.fn(); && 运算符小技巧 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, in原创 2021-05-18 23:15:13 · 527 阅读 · 0 评论 -
class
class的基本写法: class Person {} // √ class Person() {} // × class Person {}; // ×实例化时会自动执行构造方法中的所有代码,所以必须有构造方法(constructor(){}),但可以不写出来,不写时候相当于浏览器自动给我们加上了,但推荐大家还是写上。我们的class不能直接通过像函数调用那样进行调用,必须通过new实例化的方法进行调用。 class Person{原创 2021-05-03 21:29:46 · 93 阅读 · 0 评论 -
Promise的构造函数方法
Promise是什么:1、认识Promise:Promise 是异步操作的一种解决方案。先给大家讲一下什么是异步:回调函数其实就是异步操作,例: document.addEventListener( 'click', () => { console.log('这里是异步的'); }, false ); console.log('这里是同步的');2、什么时候使用 Prom原创 2021-04-30 12:25:08 · 1366 阅读 · 2 评论 -
ES6的新增方法
字符串的新增方法:includes():判断字符串中是否含有某些字符。1、基本用法:判断字符是不是在字符串中: console.log('abc'.includes('a')); // true console.log('abc'.includes('ab')); // true console.log('abc'.includes('bc')); // true console.log('abc'.includes('ac')); // false原创 2021-04-27 16:38:24 · 449 阅读 · 0 评论 -
Set和Map数据结构
Set:1、Set是什么:是一系列无序、没有重复值的数据集合。2、理解Set:先用代码举个栗子: const s = new Set(); // 实例化一个Set s.add(1); // add() 属性是为s添加元素 s.add(2); s.add(1); console.log(s); // {1, 2} // // Set 中不能有重复的成员,所以这个集合里面只有一个13、Set实例方法和属性:方法:(原创 2021-04-26 10:31:34 · 199 阅读 · 0 评论 -
遍历器与for...of循环
Iterator 是什么:1、Iterator作用:Iterator:遍历器(迭代器)。用来循环的有for() for…in… forEach ,跟它们一样,Iterator也是用来遍历的。2、寻找Iterator:在数组的原型链中有symbol的方法,可以通过调用该方法去寻找到Iterator,见下面代码:// 直接寻找Iterator会报错的: console.log(Iterator); // 2-1.Iterator 是什么.html:18 Uncaught ReferenceErr原创 2021-04-25 16:51:29 · 310 阅读 · 0 评论 -
剩余参数与展开运算符
剩余参数:1、剩余参数是什么:举个剩余参数的例子: const add = (x, y, z, ...args) => {};在这个例子中前面三个点后面跟一个参数名的就是剩余参数。2、剩余参数的本质:通过代码进行演示: const add = (x, y, ...args) => { console.log(x, y, args); // 在打印剩余参数的时候不要带前面的三个点 };// 通过传不同的参数进行演示: add(原创 2021-04-23 16:01:28 · 1134 阅读 · 0 评论 -
ES6中对象字面看的增强与函数参数默认值
属性和方法的简介表示法:1、对象字面量是什么: // 实例化构造函数生成对象 --- 先new一个对象,然后往对象里面加属性 const person = new Object(); person.age = 18; person.speak = function () {}; // 对象字面量 const person = { age: 18, speak: function () {}原创 2021-04-22 11:49:09 · 144 阅读 · 0 评论 -
ES6中解构赋值
结构赋值是什么:(1)认识解构赋值:传统的通过数组的下标来获取数组中的元素: const arr = [1, 2, 3]; const a = arr[0]; const b = arr[1]; const c = arr[2]; console.log(a, b, c);通过解构赋值来获取元素的小栗子: const [a, b, c] = [1, 2, 3]; console.log(a, b, c);(2)什么是原创 2021-04-22 10:04:14 · 201 阅读 · 0 评论