![JavaScript网页游戏制作轻松学](https://wfqqreader-1252317822.image.myqcloud.com/cover/363/34983363/b_34983363.jpg)
上QQ阅读APP看书,第一时间看更新
02 类型和变量
2.1 浏览器中的控制台
前面说过,我们要学习JavaScript,不用安装其他软件,使用浏览器就可以了,下面我们就利用浏览器来学习一下JavaScript中的基本概念。
说明:本书使用的是Google的Chrome浏览器,操作系统是Windows。
打开Chrome浏览器,按下Ctrl+Shift+j或F12来打开浏览器的开发人员工具,这是程序员对网页进行测试的一个窗口,如图2.1所示。
![](https://epubservercos.yuewen.com/2E09D3/18668565508226806/epubprivate/OEBPS/Images/2a1.jpg?sign=1739249449-l5waFsB3MiWFNlhSLCITXHAMyXrjUBsW-0-21fb2b57a26890f42104e5d0574c4bbd)
图2.1 Chrome中的调试窗口
调试工作主要是在控制台(Console)完成的,如果你的窗口中选中的不是这个标签项,那就要用鼠标单击这个选项卡切换到控制台,然后在下方空白区域的左上方应该有一个向右的蓝色箭头,箭头后面就是我们可以简单地编写JavaScript代码的位置。
我们可以尝试在这里进行简单的数学运算,输入“3*7”,则会在下方显示出JavaScript解释器输出的结构,从显示上能够看到输出的内容前面是一个向左的箭头。这里在箭头后面是3乘以7的运算结果21,如图2.2所示。
![](https://epubservercos.yuewen.com/2E09D3/18668565508226806/epubprivate/OEBPS/Images/2a2.jpg?sign=1739249449-a01rMiRpZnMVuQ82ZOLMFDLCKN16QE2i-0-bd614c100006e7969f4ebb7199e85ce8)
图2.2 简单的运算