发表于: 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
评论