JavaScript少儿编程教程-第2课-JavaScript程序结构-少儿编程教育网

JavaScript少儿编程教程-目录

诸如Gmail、Facebook和Twitter等Web站点,都使用JavaScript使得发送邮件、发布评论或浏览We…

让我们创建一个看上去有点傻的JavaScript程序,它输出如下所示的一系列猫脸儿:=^.^=

和加法程序不同,这个JavaScript程序需要几行代码,要将该程序输入到控制台,你必须在每一行代码的末尾按Shift键和Enter键,以便添加新的代码行(如果只是按Enter键的话,Chrome将会试图执行你所编写的内容,并且程序不会像期望的那样工作,我警告过你,计算机是很傻的)

在浏览器控制台中输入如下内容:

//Draw as many cats as you want!

var drawCats = function (houManyTimes) {

for (var i = 0; i < howMantTimes; i++) {

console.log()i + " =^.^= ";

}

};

drawCats(10);  //You can put any number here instead of 10.

最后,按Enter键而不是Shift键和Enter键,当你做完这些,应该会看到如下所示的输出:

0 =^.^=

1 =^.^=

2 =^.^=

3 =^.^=

4 =^.^=

5 =^.^=

6 =^.^=

7 =^.^=

8 =^.^=

9 =^.^=

如果有任何的输入错误,输出会截然不同,或者会得到一条错误消息。这就是我说:”计算机很傻”的意思,即便是简短的一段代码,也必须完全无误,计算机才能够理解你要让它做什么。

现在,我还不想介绍代码是如何工作的(我们将在第8章再回到这个程序),但是,让我们看看这个程序的某些功能,以及通常的JavaScript程序是什么样的。