千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > JavaScript如何实现阻断执行

JavaScript如何实现阻断执行

来源:千锋教育
发布人:syq
时间: 2022-07-21 16:59:00 1658393940

  JavaScript 如何实现阻断执行

  方法一:break

  · 可以打断for循环

1

  方法二:return

  · 后面的代码不再执行

2

  方法三:continue

  · 结束本次循环直接开始下一次循环

3

  · 结果输出如下:

4

  方法四:逻辑操作符||(或者)

  · 从左往右开始识别如果第一个就是 true 那就不会再往后识别 直接把第一个的值作为结果返回

5

  方法五:default

  · 前面的条件都不满足的时候执行

6

  · 结果输出如下:

7

  方法六:定时器

  · 倒计时定时器(炸弹定时器)只会执行一次

8

  · 结果输出如下:

9

  方法七:解绑事件

  · removeEventListener(事件类型,事件处理函数)

  · detachEvent(on + 事件类型,事件处理函数)

  · 注意:解绑的时候 传入的事件处理函数和绑定的时候必须是同一个事件处理函数 (同一个地址) 此段函数不支持IE浏览器

10

  · 绑定事件并点击:

11

  · 解绑事件并点击:

  · 此时的控制台并没有继续输出123

12

  方法八:回调函数

  · 函数当成参数在另一个函数中调用

13

14

  (1)回调函数本身

  封装的一个对象

  运行回调函数

15

  · 结果输出如下:

16

  (2)promise-.then

  · new Promise 接收的参数是一个函数 函数里面有两个参数 第一个是成功的回调函数 第二个是失败的回调函数

  · promise 有三个状态 resolve(成功) reject(失败) pendding(等待)

  · .then 方法就是成功的时候 执行

  · .catch 失败的时候执行

17

18

  · 结果输出如下:

19

  方法九:async&await

  等待一个异步代码执行完毕才会执行后面的代码

20

  · 结果输出如下:

21

  更多关于“前端培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT