js 调试 —— 断点(含进入函数、条件断点等)

简介: js 调试 —— 断点(含进入函数、条件断点等)

普通断点

代码执行到普通断点时,程序就会暂停执行。

添加普通断点的方法:

  1. 切换到Source选项卡,查看源码
  2. 点击行号设定断点
  3. 按F5重新加载页面
  4. 代码会在断点处暂停执行,右侧可以监听相关变量的值
  5. 点击单步执行按钮,会依次逐行执行代码,但不会进入函数(按F11或参照下文的按钮可以进入函数)

进入函数

单步/断点执行到函数时,按F11可以进入函数,单步执行函数内的代码。

条件断点

普通断点遇到断点就会停止执行,在遇到循环时,非常麻烦,这时需要设置条件断点,当满足条件时,才暂停执行。

添加条件断点的方法:

在源代码的行号上点击鼠标右键,选择条件断点,输入判断条件即可。

目录
相关文章
|
6天前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
5天前
|
JavaScript 前端开发
JavaScript函数可以返回两个值
JavaScript函数可以返回两个值
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-函数的返回值
关于JavaScript函数返回值的基础知识。
23 9
JavaScript基础知识-函数的返回值
|
5天前
|
自然语言处理 分布式计算 JavaScript
JavaScript函数
JavaScript函数
|
15天前
|
JSON JavaScript 前端开发
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
|
8天前
|
JSON JavaScript 数据格式
手写JS实现深拷贝函数
本文介绍了如何实现一个深拷贝函数`deepClone`,该函数可以处理对象和数组的深拷贝,确保拷贝后的对象与原始对象在内存中互不干扰。通过递归处理对象的键值对和数组的元素,实现了深度复制,同时保留了函数类型的值和基础类型的值。
15 3
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
18 4
JavaScript基础知识-函数的参数
|
6天前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
|
8天前
|
前端开发 数据可视化 开发者
D3.js 内置的动画函数
D3.js 内置的动画函数
|
9天前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
22 3