通过performance找到当前js执行的函数

曾经终败给现在 2021-05-18 20:36 381阅读 0赞

当你不知道当前的操作在js中执行到哪时候，我们会想到调试。可以直接打断点。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70][]

如果你不知道代码在哪里，可以通过event Listener，对事件进行监听，比如click事件发生时，定位到对应函数上面。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70 1][]

当你连发生啥事件都不清楚，很难找到哪条js的时候，启动performance吧。performance不仅可以对前端性能进行测试，还可以录制所有动作，查看脚本的调用情况。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70]: /images/20210518/004ae282dafb454aace93d3125229607.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70 1]: /images/20210518/2f40d2f52d1c45f0a73a3b8c01d3dbb9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70 2]: /images/20210518/cf8486448d8a4b78ab1dd2c0c89fc619.png

发表评论取消回复

表情：

评论列表（有 0 条评论，381人围观）

还没有评论，来说两句吧...

相关阅读

相关 js立即执行函数

( function()\{…\} )()和( function ()\{…\} () )是两种javascript立即执行函数的常见写法，要理解立即执行函数，需要先理解一些函

古城微笑少年丶/ 2023年08月17日 16:19/ 0 赞/ 68 阅读

相关 js中的立即执行函数

好处：里面所有的变量都是局部变量不会有命名冲突的情况 <script> // 1.立即执行函数: 不需要调用，立马能够自己执行的函数

素颜马尾好姑娘i/ 2023年06月25日 06:04/ 0 赞/ 29 阅读

相关 JS函数的执行时机

1. 为什么如下代码会打印 6 个 6 let i = 0 for(i = 0; i < 6; i++){ setTimeout(()=>{

矫情吗；*/ 2023年05月30日 06:13/ 0 赞/ 37 阅读

相关 js立即执行函数

文章目录一、什么是立即执行函数二、立即执行函数的写法三、使用立即执行函数的好处四、注意点五、扩展一道经典的面试题一、什么是立

矫情吗；*/ 2022年12月29日 09:21/ 0 赞/ 214 阅读

相关 js立即执行函数

一、函数的基本概念要理解立即执行函数，需要先理解函数声明、函数表达式、匿名函数等一些函数的基本概念。 1. 函数声明： `function fnName () {…

比眉伴天荒/ 2022年12月06日 12:50/ 0 赞/ 236 阅读

相关 js 自执行函数的魅力

(function a() \{ a = 100; console.log(a); \})(); 输出的是a函数体,因为a=100,是给函数的只读

怼烎@/ 2022年11月25日 04:27/ 0 赞/ 155 阅读

相关 js中的立即执行函数

立即执行函数：函数定义完成后立即被调用，这种函数叫做立即执行函数。像下面，我们来看看： <!DOCTYPE html> <html lang="z

雨点打透心脏的1/2处/ 2022年10月29日 09:03/ 0 赞/ 242 阅读

相关 js 立即执行函数

for(var i=0;i<5;i++){ (function(i){ setTimeout(function(){ c

曾经终败给现在/ 2022年05月30日 08:24/ 0 赞/ 214 阅读

相关 JS立即执行函数

见：[https://blog.csdn.net/csdn\_yudong/article/details/77431106][https_blog.csdn.net_csdn

阳光穿透心脏的1/2处/ 2022年05月10日 10:18/ 0 赞/ 253 阅读

相关通过performance找到当前js执行的函数

当你不知道当前的操作在js中执行到哪时候，我们会想到调试。可以直接打断点。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_te

曾经终败给现在/ 2021年05月18日 20:36/ 0 赞/ 382 阅读