这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言asyncawait语法是ES7出现的，是基于ES6的promise和generator实现的generator函数在之前我专门讲个generator的使用与原理实现，大家没了解过的可以先看那个手写generator核心原理，再也不怕面试官问我generator原理这里就不再赘述generator，专门的文章讲专门的内容。await在等待什么我们先看看下面这代码,这是asyncawait的最简单使用，await后面返回的是一个Promise对象：asyncfunctiongetResult(){awaitnewPromise((r
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言asyncawait语法是ES7出现的，是基于ES6的promise和generator实现的generator函数在之前我专门讲个generator的使用与原理实现，大家没了解过的可以先看那个手写generator核心原理，再也不怕面试官问我generator原理这里就不再赘述generator，专门的文章讲专门的内容。await在等待什么我们先看看下面这代码,这是asyncawait的最简单使用，await后面返回的是一个Promise对象：asyncfunctiongetResult(){awaitnewPromise((r
1、首先首先要解释下，函数体内变量的作用域是在函数定义的时候就确定的，而不是运行时；函数的上下文是在调用时确定的，函数体内的this指向其上下文；箭头函数没有自己的this，它的this指向的是它上级的this，而它上级的this指向的是它(箭头函数)的上级的上下文。2、普通函数的this，指向其调用者，箭头函数this，指向其上级this letapp={a:1,fn:function(){console.log('app.fn:',this,this.a); //this指向需要函数被调用时才能确定，当app.fn()执行， //确定其上下文为app，所以this指向app对象 //
1、首先首先要解释下，函数体内变量的作用域是在函数定义的时候就确定的，而不是运行时；函数的上下文是在调用时确定的，函数体内的this指向其上下文；箭头函数没有自己的this，它的this指向的是它上级的this，而它上级的this指向的是它(箭头函数)的上级的上下文。2、普通函数的this，指向其调用者，箭头函数this，指向其上级this letapp={a:1,fn:function(){console.log('app.fn:',this,this.a); //this指向需要函数被调用时才能确定，当app.fn()执行， //确定其上下文为app，所以this指向app对象 //
在异步编程中当然少不了定时器了，常见的定时器函数有setTimeout、setInterval、requestAnimationFrame。setTimeout刚开始用setTimeout时，通过会认为设置延时多久，就应该是多久后执行。其实这个观点是错误的，因为JS是单线程执行的，如果前面的代码影响了性能，就会导致setTimeout不会按期执行。这就要求我们不断去修正，使定时器相对准确。letperiod=60*1000*60*2;letstartTime=newDate().getTime();letcount=0;letend=newDate().getTime()+period;let
在异步编程中当然少不了定时器了，常见的定时器函数有setTimeout、setInterval、requestAnimationFrame。setTimeout刚开始用setTimeout时，通过会认为设置延时多久，就应该是多久后执行。其实这个观点是错误的，因为JS是单线程执行的，如果前面的代码影响了性能，就会导致setTimeout不会按期执行。这就要求我们不断去修正，使定时器相对准确。letperiod=60*1000*60*2;letstartTime=newDate().getTime();letcount=0;letend=newDate().getTime()+period;let
防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复点击提交同一个评论，异步的操作还没给你带来反馈，于是你重复上传了多个文件，重复提交了多个评论。防抖：在一段时间内，事件只会最后触发一次。节流：事件，按照一段时间的间隔来进行触发。//防抖functiondebounce(fn){lettimeout=null;returnfunction(){//如果事件再次触发就清除定时器，重新计时clearTimeout(timeout);timeout=setTimeout(()=>{fn.apply(this);},500);};}//节流function
防抖和节流，这是前端防止用户频繁调用同一个接口的方法，比如短时间重复点击上传同一个文件，短时间重复点击提交同一个评论，异步的操作还没给你带来反馈，于是你重复上传了多个文件，重复提交了多个评论。防抖：在一段时间内，事件只会最后触发一次。节流：事件，按照一段时间的间隔来进行触发。//防抖functiondebounce(fn){lettimeout=null;returnfunction(){//如果事件再次触发就清除定时器，重新计时clearTimeout(timeout);timeout=setTimeout(()=>{fn.apply(this);},500);};}//节流function
setTimeout()是属于window的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。语法格式可以是以下两种：setTimeout(要执行的代码,等待的毫秒数)setTimeout(JavaScript函数,等待的毫秒数)接下来我们先来看一个简单的例子：实例setTimeout("alert('对不起,要你久候')",3000)尝试一下»在测试代码中我们可以看到页面在开启三秒后,就会出现一个alert对话框。setTimeout()是设定一个指定等候时间(单位是千分之一秒,millisecond),时间到了,浏览器就会执行一个指定的代码,如下图:setTimeout()也可以用来执
