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 · 616 阅读 · 0 评论 -
class
class的基本写法： class Person {} // √ class Person() {} // × class Person {}; // ×实例化时会自动执行构造方法中的所有代码，所以必须有构造方法(constructor(){})，但可以不写出来，不写时候相当于浏览器自动给我们加上了，但推荐大家还是写上。我们的class不能直接通过像函数调用那样进行调用，必须通过new实例化的方法进行调用。 class Person{原创 2021-05-03 21:29:46 · 122 阅读 · 0 评论 -
Promise的构造函数方法
Promise是什么：1、认识Promise：Promise 是异步操作的一种解决方案。先给大家讲一下什么是异步：回调函数其实就是异步操作，例： document.addEventListener( 'click', () => { console.log('这里是异步的'); }, false ); console.log('这里是同步的');2、什么时候使用 Prom原创 2021-04-30 12:25:08 · 1445 阅读 · 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 · 476 阅读 · 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 · 227 阅读 · 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 · 344 阅读 · 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 · 1199 阅读 · 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 · 158 阅读 · 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 · 230 阅读 · 0 评论