![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 84
凉风有信、
这个作者很懒,什么都没留下…
展开
-
class
class的基本写法: class Person {} // √ class Person() {} // × class Person {}; // ×实例化时会自动执行构造方法中的所有代码,所以必须有构造方法(constructor(){}),但可以不写出来,不写时候相当于浏览器自动给我们加上了,但推荐大家还是写上。我们的class不能直接通过像函数调用那样进行调用,必须通过new实例化的方法进行调用。 class Person{原创 2021-05-03 21:29:46 · 82 阅读 · 0 评论 -
Promise的构造函数方法
Promise是什么:1、认识Promise:Promise 是异步操作的一种解决方案。先给大家讲一下什么是异步:回调函数其实就是异步操作,例: document.addEventListener( 'click', () => { console.log('这里是异步的'); }, false ); console.log('这里是同步的');2、什么时候使用 Prom原创 2021-04-30 12:25:08 · 1351 阅读 · 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 · 440 阅读 · 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 · 177 阅读 · 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 · 288 阅读 · 0 评论 -
利用正则表达式验证表单输入格式是否正确
前两天用正则表达式写了一个验证表单输入格式是否正确的案例,在这里给大家做一个简单的分享:写好后的样式大致就是这样,html和css相对简单,就不跟大家详细说明了,直接上代码: <style> *{ margin: 0; padding: 0; } #Total{ width: 650px; margin: 0 auto;原创 2021-04-24 17:48:17 · 1483 阅读 · 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 · 1098 阅读 · 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 · 117 阅读 · 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 · 176 阅读 · 0 评论 -
箭头函数
箭头函数:(1)认识箭头函数:由于普通函数使用过于麻烦,于是出现了箭头函数,但箭头函数都是匿名函数,故只有将其赋值给变量才能调用,这点不像普通函数即可以声明也可以赋值 const add = (x, y) => { return x + y; }; console.log(add(1, 1)); // 2(2)箭头函数结构:const/let 函数名 = 参数 => 函数体;(3)如何将一般函数改写成箭头函数: // 声原创 2021-04-21 13:55:46 · 788 阅读 · 0 评论 -
ES6中let和const那些事
一、let和const简单用法介绍:1、let和const是什么let和const是用来声明变量和常量的,之前用的var声明变量,现在let也是用来声明变量的,而const是用来声明常量的,const就是constant的缩写2、let 和 const 的用法:let就跟var差不多,例如: var username = 'Alex'; let age = 18; const sex = 'male'; console.log(username, ag原创 2021-04-20 21:36:47 · 292 阅读 · 2 评论