行自-优快云博客

原创 Generator 函数

ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。 Generator 有两个区分于普通函数的部分：一：是在 function 后面，函数名之前有个 * ；二：函数内部有 yield 表达式。下面通过一个小demo演示下Generator 函数的用法 // 定义一个fun生成器函数 function* fun() { console.log("one"); ...

2021-11-01 20:41:48 96

原创 Promise 对象

promise是异步编程的一种解决方案,从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。只要Promise的状态由pending变成fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。下面用一个小demo演示下 const p1 = new Promise(f.

2021-10-27 18:51:56 146

原创浅谈解构赋值

// 数组结构的解构赋值 // 基本 // let [a, b, c] = [1, 2, 3]; // console.log(a,b,c); // 可嵌套 // let [a, [[b], c]] = [1, [[2], 3]]; // console.log(a,b,c);//a=1,b=2,c=3 // 可忽略 // let [a, , b] = [1, 2, 3]; // console.log(a,b);//a=1,b=...

2021-10-18 11:15:52 82

原创原型原型链

Js中，对象分两种，普通对象object和函数对象function，每创建一个函数，该函数都会自动带有一个prototype属性。该属性是一个指针，指向一个对象，该对象称之为原型对象，原型对象是定义了一些公用的属性和方法，利用原型创建出来的新对象实例会共享原型的所有属性和方法，下面通过一个小demo来演示它们之间的关系 <script> // 创建原型 var People = function (name) { this.name = name; }...

2021-10-11 18:37:09 84

原创防抖和节流

防抖和节流是针对响应跟不上触发频率这类问题的两种解决方法。防抖是给定一个周期延迟执行动作，若期间又被触发，则重新设定周期，直到周期结束，执行动作。 <style> #content{ width:150px; line-height:150px; text-align:center; color:#fff; background-color:...

2021-10-08 19:27:31 83

原创 2021-10-03

JavaScript 数组方法 1.JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。 2.join() 方法也可将所有数组元素结合为一个字符串 3.pop() 方法从数组中删除最后一个元素 4.push() 方法（在数组结尾处）向数组添加一个新的元素 5.shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引 6.unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素 7.splice() 方法可用于向数组添加新项

2021-10-03 23:57:17 84

原创 2021-09-24

今天我们来讲下字符串的方法，indexOf() 方法返回字符串中指定文本首次出现的索引（位置），下面通过一个小demo来演示, 位置是从0开始，没有找到就返回-1 search() 方法搜索特定值的字符串，并返回匹配的位置，同样通过小demo演示一下； slice() 提取字符串的某个部分并在新字符串中返回被提取的部分；该方法设置两个参数：起始索引（开始位置），终止索引（结束位置） substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引。 subs

2021-09-24 22:15:47 103

原创 2021-09-18

今天来讲下定时器setTimeout与setInterval的区别，首先我们知道setTimeout（）方法是等待指定时间后执行函数，且只执行一次，而setInterval（）方法是每间隔指定时间后执行函数，并且循环执行，下面我们通过一个简单的Demo演示一下，它们各自的用法。 setTimeout 虽说setTimeout（）只能执行一次，但只要把setTimeout（）放到方法体中重复调用，也可以实现循环调用 setInterval ...

2021-09-18 20:24:27 86

weixin_48599687的博客