如何测试自己的js代码，js 测试

如何测试js代码

1、QUnit是个功能强大又易于使用的JavaScript单元测试框架。jQuery、jQueryUI和jQueyMobile项目都使用这个框架，它能测试普通的JavaScript代码。

2、jest.fn()jest.fn()是创建Mock函数最简单的方式，如果没有定义函数内部的实现，jest.fn()会返回undefined作为返回值。

3、vscode 的常规调试vscode 的调试界面在窗口最左边：最新版本的vscode，该选项默认隐藏了，需要自己打开。

相关问答

Q1: 如何在网页中调试JavaScript

1、首先打开目标网页，按F12打开调试窗口，选择Sources。点击左侧的暂停键后， 开始正常执行网页功能，例如：点击如下网页的“OK。接着点击按步执行按钮，如下图所示。

2、首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

3、点击+图标，你可以输入URL片段，当AJAX请求的URL中出现这个URL片段时，JavaScript代码将会中断。事件监听器断点Chrome开发者工具可以捕获所有类型的事件，当用户按下一个键、点击一下鼠标时，可以对触发的事件进行调试。

4、电脑、firefox浏览器。首先，打开firefox浏览器，进入要js调试的网页，例如：zhidao.baidu.com。键盘按F12以显示开发者工具，点击“调试器”菜单。选择要js调试的页面后，即可用右侧的调试按钮进行调试。

5、点击学习大厂名师精品课下面是开启JavaScript的方法：在浏览器设置中查找，大多数主流浏览器都提供了开启和关闭JavaScript的选项，您可以在浏览器的设置中查找。

Q2: 想测试一段JS代码运行时间怎么测

var date1=new Date()；代码结束时获得系统时间 var date2=new Date()；将时间转成毫秒然后得到两者毫秒差 var haomiao=dategetTime()-dategetTime()；然后你将毫秒转成你需要的时间就行。

每次使用eval需要消耗大量时间，这时候使用JS所支持的闭包可以实现函数模板。 减少对象查找 因为JavaScript的解释性，所以a.b.c.d.e，需要进行至少4次查询操作，先检查a再检查a中的b，再检查b中的c，如此往下。

可以直接用谷歌浏览器测试。谷歌浏览器开发者工具比较全面，可以打断点，可以查看调用栈，同时可以查看html和css的变化情况，所以一般情况使用谷歌浏览器测试js就可以了。

Q3: 如何利用Jest测试JavaScript(Mock函数)

jest.fn()jest.fn()是创建Mock函数最简单的方式，如果没有定义函数内部的实现，jest.fn()会返回undefined作为返回值。

在 Jest 中使用 Babel 很简单，只需要安装 babel-jest 并新建一个 .babelrc 加入你想要的配置就行了，Jest 会自动使用 babel-jest。

“myView-test.js”就是我们想要debug的测试文件。使用部分路径时没有问题的，因为Jest会把它转换为一段正则表达式。一旦启动了调试器，我们就可以看到调试器会在jest.cs的第一行就暂停了。

上面实现的 expect 方法 和 test 方法 实际上和主流的前端自动化测试框架 jest 里面的语法是完全一致的。所以上面的示例代码可以理解为 jest 的底层实现原理。

将 Jest 视为一体化的测试框架，就不需要像第二个选项那样添加其他工具和库。如果你想要简单些，只需使用 Jest。如果你想要更多可定制性和模块化，请选择 Mocha。

Q4: 怎样用Jest测试JavaScript应用

jest.fn()jest.fn()是创建Mock函数最简单的方式，如果没有定义函数内部的实现，jest.fn()会返回undefined作为返回值。

Jest 是Facebook的一个专门进行Javascript单元测试的工具，适合React。

如果你打开GitHub，去看一下流行的开源库或者框架的源码，你会发现，在这些源码里面，全部都包含了大量的自动化测试的代码。

单元测试/测试运行器Jest知名的 Java 单元测试工具，由 Facebook 开源，开箱即用。

关于如何测试自己的js代码和js 测试的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。