首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS中统计函数执行次数与执行时间

假如想统计JS中的函数执行次数最多的是哪个,执行时间最长的是哪个,该怎么做呢? 1. 统计函数执行次数 2. 统计函数执行时间 3. 如何控制函数的调用次数 4....如何控制函数的执行时间 一、统计函数执行次数 常规的方法可以使用 console.log 输出来肉眼计算有多少个输出 不过Chrome中内置了一个 console.count 方法,可以统计一个字符串输出的次数...() { console.count('other 已经执行'); } someFunction(); // some 已经执行: 1 someFunction(); // some 已经执行...console.timeEnd(); // default: 1.77197265625ms 不传入参数的话,将以default输出毫秒值 我们可以封装一下,传入函数名称,类似上面的做法,使用装饰器函数执行前后进行处理...因为JS是单线程的,控制函数的执行时间相对来说挺麻烦 通过 async await yield 等异步特性,也许还是能办到的 React 16中的 Fiber 机制,某种意义上是能控制函数的执行时机

3.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js --- 执行机制

    JS为什么是单线程的?  JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的。...process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢? 2 JS为什么需要异步?...如果JS中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。 对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验 3 JS单线程又是如何实现异步的呢?   ...是通过的事件循环(event loop),理解了event loop机制,就理解了JS执行机制。...,而是延迟了一段时间,满足一定条件后才去执行的,这类代码,我们叫异步代码。

    6.3K20

    JS执行机制

    这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。 2....于是,JS 中出现了同步任务和异步任务。 同步 前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。 ? JS中所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。 ​...同步任务指的是: 主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务; 异步任务指的是: 不进入主线程、而进入”任务队列”的任务,当主线程中的任务运行完了,才会从”任务队列...JS执行机制(事件循环) ? ? 4.

    6.9K30

    JS执行机制

    JS执行机制 以下代码执行的结果是什么?...console.log(1); setTimeout(function () { console.log(3); }, 0); console.log(2); 1.1 JS 是单线程...单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。...于是,JS 中出现了同步任务和异步任务。 同步 ​   前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。 他们的本质区别: 这条流水线上各个流程的执行顺序不同。 1.3 JS执行机制(事件循环) 1. 先执行执行栈中的同步任务。

    7.4K20

    JS执行机制

    这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。 2....于是,JS 中出现了同步任务和异步任务。 同步 前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。 JS中所有任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。 ​...同步任务指的是: 主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务; 异步任务指的是: 不进入主线程、而进入”任务队列”的任务,当主线程中的任务运行完了,才会从”任务队列...JS执行机制(事件循环) ? ? 由于主线程不断的重复获得任务、执行任务、再获取任务、再执行,所以这种机制被称为事件循环( event loop) .

    7.5K31

    JS执行顺序

    javascript给人的直观感受是,从上往下执行,但实际上却不是这样的,先看个例子 1. console.log(test); 2. var test = "你好"; 3. console.log(...因为javascript执行时,同一个作用域内是先编译再执行 编译的时候会编译 function 和 var 这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值 所以执行第1行时, var test...已经执行过了,所以test不会报错,而test2就会报错 需要注意的是,对 var test 执行编译时,只是先定义了 test 这个变量,并不会把 "你好" 这个值赋给test,而是到第2行时才给test...赋值的,这就是为什么第1行的执行结果是 undefined 对于上面的例子,可以这样理解 //先编译 var 定义的变量 1. var test; //编译完成后,从上到下执行代码 2. console.log...//执行结果是"你好" function test() { console.log("你好"); } 模拟编译执行过程 //找到 function 定义的部分进行编译 //以函数名作为变量名,同时用函数赋值

    9.2K60

    控制台禁用js_禁止直接访问js

    console.log('', devtools); 激活成功教程:可通过标签注入js代码清空控制台(添加一个网页标签,标签网址为javascript:console.clear();,进入网页后,点击该标签页...代码清空控制台,如果是定时器执行打印dom的操作,还需要重写清空console。...所以我们可以debugger前记录时间,如果debugger没有触发,运行几条语句的时间几乎为0,但是如果被触发,那间隔时间就不是几十、几百毫秒了。...this.observerF() : this.observer(); } } ConsoleManager.init() 激活成功教程:通过标签注入js代码清空控制台、取消console.log...Firefox:页面直接卡死 从上面的测试结果来看,我们可以设置一个间隔2000ms的定时器来不断执行check,这样当控制台开启时,不论是否取消debugger调式,都会使页面卡住。

    9.8K20

    JS 到底是干嘛:一文搞懂JS 执行上下文

    输出到控制台,而不是“I will rule The world!”,因为本例中,函数可以访问的this关键字的值是定义函数的对象的值,而不是全局对象。...通过设置this关键字的值,就定义了执行上下文对象的所有属性。创建阶段结束之前,现在JS引擎进入执行阶段。 执行阶段 最后,执行上下文的创建阶段之后就是执行阶段。这是实际代码开始执行的阶段。...当脚本浏览器中加载时,全局上下文被创建为默认上下文,JS引擎在其中开始执行代码,并被放置执行堆栈的底部。 然后JS引擎代码中搜索函数调用。...被存储它的FEC中,并且消息Hello!Victor输出到控制台。 因此,函数已经完成了它的所有任务。...Victor输出到控制台。函数完成它的任务,返回,它的执行上下文从调用堆栈弹出。 当first()函数被完全执行时,first()函数的执行栈从堆栈中弹出。因此,控制返回到代码的GEC。

    38510

    mongodb执行js脚本(一)---shell执行

    mongodb执行js脚本(一)---shell执行 2015年06月09日 10:58:36 张小凡vip 阅读数 21310更多 所属专栏: mongodb基础与运用 版权声明:本文为博主原创文章...js脚本进行复杂的管理 mongodb 的shell是javascript实现的,如果直接使用js实现相应的功能则显得很直观和简便。...还有一些批处理,数据同步都可以使用js 使用js脚本进行交互的优点与缺点 (1)无需任何驱动或语言支持; (2)方便cron或管理员定时任务; (3)注意点:任然是数据格式的问题;...js脚本一般会用来执行以下任务 (1)备份; (2)调度map-reduce命令; (3)离线报告,离线任务; (4)管理员定时任务; 如何运行一个js脚本 ....command)脚本操作中将失效 (3)如何知道insert、delete、update等操作是否成功呢,请使用: db.getLastErrorObj() 或者 db.getLastError

    9.4K30

    Python控制台实现交互式环境执行

    Python控制台打开之后,会直接进入交互式环境,显示提示符“ ”。 而命令行程序则会显示DOS的命令提示符,我们需要输入“Python”或者“Python3”进入交互式环境。...一种是Python自带的IDLE中直接打开交互式窗口,如下图所示: ?... 提示符后边输入编程语句,然后回车进行执行,就会得到运行的结果。简单来看,这个交互式环境有点类似计算器,一次执行一条语句,而且还可以保存结果。下图是部分操作实例: ?...Python交互式环境中,如果存在语法错误,程序在运行之后会报错,而且会得到错误信息,可以帮助我们很轻松的找到报错的行数和报错内容,只要我们对症下药就可以药到病除啦,bug分分钟解决掉~~ 交互式环境中...IDLE中点击左上方的file,然后选择New window菜单,就可以新建一个窗口了,如下图所示: ?

    91630

    js 立即执行函数

    立即执行函数 目录 立即执行函数 作用 参数 返回值 立即执行函数 立即执行函数模式是一种语法,可以让你的函数定义后立即被执行。...立即执行函数的组成 定义一个函数 将整个函数包裹在一对括号中 将函数声明转换为表达式 结尾加上一对括号 让函数立即被执行 代码实例 (function () { console.log("...app") })() 作用 页面加载完成后只执行一次的设置函数。...注意 通常你不应该给立即执行函数传递太多的参数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。...返回值 就像其它任何函数一样,一个立即执行函数也能返回值并且可以赋值给其它变量。 var num = (function () { return 4 })() console.log(num)

    6.2K20
    领券