发表于: 2021-09-10 23:53:16

1 1667


F12Console的用法,以及如何Debug程序 

Chrome中Console是用于显示JS和DOM对象信息的单独窗口。并且向JS中注入1个console对象,

使用该对象 可以输出信息到Console窗口中。在具备调试功能的浏览器上,window对象中会注册一个名为

console的成员变量,指代调试工具中的控制台,console有很多方法,比如我们最常用的log()

1.console对象

console对象代表浏览器的javascript控制台,主要有两个作用:1.显示网页代码运行时的错误信息。2.提供一个命令行

接口,用来与网页代码互动

2.如何使用开发者工具调试js代码

使用console对象的内置方法,或者使用开发者工具的断点调试功能。


1.console显示信息的命令

.log()方法:在console窗口显示信息

.log用于输出普通信息

.info用于输出提示性信息

.error用于输出错误信息

.warn用于输出警示信息

.debug用于输出调试信息

.table()方法,把有复合数据的对象作为表格显示

.assert()方法,验证条件并输出

.time(),.timeEnd()方法,计算一个操作消耗的时间

其它方法:

.group(),.groupend()方法:将显示信息分组

.dir()显示对象的所有属性

.clear():console窗口清屏

.trace():显示在堆栈中的调用路径

.profile([title])打开Javascript性能测试开关。可选参数title会在打印性能测试报告时在报告的开头输出。

.profileEnd()关闭Javascript性能测试开关并输出报告。

2.用开发者工具进行代码调试的方法

使用alert()方法暂停并查看信息

使用console对象的上述方法

console方法的命令行

开发者工具的断点调试功能




什么是断点调试

什么sources选项卡?

断点调试是最基础的一个调试方法,在调试的过程中查看变量和函数的变化状态,

这使得不可见的程序运行过程变得可视化。断点调试都在source选项卡中进行。



JS中基本类型和引用类型分别指的的是什么?有何区别?

基本类型和引用类型

ECMAScript包含两个不同类型的值:基本类型值和引用类型值。

基本类型值指的是简单的数据段;

引用类型值指由多个值构成的对象。

在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。第 3 章讨论了 5 种基本数据类型:Undefined、Null、Boolean、Number 和 String。这 5 种基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值。

引用类型的值是保存在内存中的对象。与其他语言不同,JavaScript 不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。为此,引用类型的值是按引用访问的。

总结

当我们把变量赋值给一个变量时,解析器首先要做的就是确认这个值是基本类型值还是引用类型值。

基本类型: string,number,boolean,null,undefined

引用类型: Function,Array,Object


基本类型和引用类型的区别

访问方式的不同



存储位置的不同




返回列表 返回列表
评论

    分享到