JavaScript的程序输出方式

2018-01-27大约8分钟

写程序,不管什么功能的程序,最起码有一点是一样的,就是都要关心输入和输出,没任何输出的程序,是没什么价值的程序。

那怎么查看运行程序的输出呢?一般JavaScript教程里面的例子,查看程序运行结果有三招。

alert()

alert(message) 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

我们可以把程序运行的结果当作消息打印出来:

alert("你好!");

alert()函数弹出的消息框,必须用户的一次鼠标或键盘操作才能关闭,对初学编程者来说,有点不太友好。

有些恶意的网页会不停地弹消息框,用户永远关不完,所以现代浏览器有时候会把可疑网站的alert()的功能给屏蔽,除非用户选择允许。

所以,本课程中的例子,基本上都不使用alert()函数。

document.write()

document.write(markup)在网页中输出一段文本。

document.write("你好");

也可以输出HTML内容:

document.write("<h1>你好</h1>");

这个函数依赖的是浏览器DOM对象上的document对象,基本上只能在网页上使用。不过本课程是网页版本的,所以使用这个功能是完全没问题的。

console.log()

console.log() 原先是 Firefox 的“专利”,严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。由于太好用了,现在主流浏览器都已经支持了。

console.log("你好!")

看到有结果了?其实原本console.log()函数是不会把结果显示在页面上的,不过为了做这个教程,我们对原生的console.log()函数做了点小手脚,让其能够把结果输出在页面上。

console.log()函数可以这样用:按一下键盘的F12,切到“控制台(Console)”部分,就会发现这里面有输出:

图片

学习本课程,可以打开控制台的窗口,这样就可以拷贝代码运行看结果了。

console.log()函数在node.js里也能用,看起来通用性更强一些,因此本课程将主要使用console.log()函数来输出程序的运行结果。