《趣学JavaScript——教孩子学编程》——1.4 JavaScript程序的结构

1.4 JavaScript程序的结构

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

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

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

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

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

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

1.4.1 语法
我们的程序包含了很多的符号,包括括号、分号、花括号、加号,以及一些乍看上去有些神秘的单词(如var和console.log)。还有各种JavaScript语法,即JavaScript关于如何将符号和单词组合起来以创建可工作的程序的
规则。

当你想要学习一门新的编程语言的时候,其中最难的部分是习惯如何编写针对计算机的各种不同命令的规则。当你刚开始的时候,需要包含一个圆括号的时候很容易会忘记,又或者当你需要包含某些值的时候搞乱了顺序。但是,通过练习,你会掌握这些规则。

在本书中,我们将按部就班地学习,一点一点地介绍新的语法,以便你能够创建功能逐渐强大起来的程序。

1.4.2 注释
画猫脸儿程序的第一行如下:

这是所谓的注释句。程序员使用注释来使得其他的程序员更容易阅读和理解自己的代码。计算机会完全忽略掉注释。JavaScript中的注释以两个斜杠开头(//)。斜杠后面的所有内容(同一行中)都会被JavaScript解释器忽略,因此,注释对于程序如何执行没有任何影响,它们只是提供对程序的说明。

在本书的代码中,你将会看到,注释说明了在代码中发生了什么。当你编写自己的程序的时候,请添加自己的注释。这样,你在随后见到自己的代码的时候,注释会提醒你代码是如何工作的,以及在每一个步骤中发生了什么。

在我们的程序的最后一行,还有另一个代码注释。记住,//之后的任何内容,计算机都不会运行。

代码注释可以单独成行,或者放在代码的后面。如果你在前面放上//,如下所示:

那么,什么也不会发生!Chrome会将整行都当作是一个注释,即便其内容是JavaScript代码。

一旦你开始阅读各种广泛的JavaScript代码,应该会看到如下所示的注释:

这是一种不同风格的注释,它通常用于一行以上的注释。但是,它做的事情是一样的:/和/之间的任何内容都是注释,计算机不会运行它们。

时间: 2024-08-30 16:13:07

《趣学JavaScript——教孩子学编程》——1.4 JavaScript程序的结构的相关文章

《趣学JavaScript——教孩子学编程》——导读

前言 趣学JavaScript--教孩子学编程 欢迎阅读本书!在本书中,你将学习用一种Web语言(JavaScript)来编写程序.但是更重要的是,你将成为一名程序员,即不仅会使用计算机而且会控制计算机的人.一旦学会了编程,你可以让计算机遵从你的意愿去做你想做的任何事情. JavaScript是一门不错的语言,值得学习,因为它随处可用.诸如Chrome.Firefox和Internet Explorer这样的Web浏览器,都使用JavaScript.借助JavaScript的强大功能,Web程序

《趣学JavaScript——教孩子学编程》——第2章 类型与变量2.1 数字和运算符

第2章 类型与变量 趣学JavaScript--教孩子学编程 编程其实就是操作数据,可什么是数据呢?数据就是我们保存在计算机程序中的信息.例如,你的名字就是一条数据,年龄也是一条数据.你头发的颜色,有几个兄弟姐妹,住在什么地方,是男生还是女生--所有这些都是数据. JavaScript中有3种基本的数据类型:数字.字符串和Boolean(布尔类型).number用来表示数字.例如,年龄可以用一个number表示,身高也可以用number表示.JavaScript中的数字如下所示: 字符串用来表示

《趣学JavaScript——教孩子学编程》——第1章 认识JavaScript1.1 认识JavaScript

第1章 认识JavaScript 趣学JavaScript--教孩子学编程 计算机是功能强大到令人难以置信的工具,它能够执行很多惊人的操作,例如,下国际象棋比赛.提供数以千计的Web页面,或者在数秒钟之内执行数百万次复杂的计算.但是,深入去看,计算机实际上是很傻的.计算机只能够执行人类告诉它的事情.我们使用计算机程序告诉计算机采取什么动作,而程序只是令计算机遵从的指令集合.没有程序的话,计算机什么也干不了. 1.1 认识JavaScript 更糟糕的是,计算机不能理解英语或任何人类语言.计算机程

《趣学JavaScript——教孩子学编程》——1.5 本章小结

1.5 本章小结 在本章中,我们了解了什么是JavaScript以及它可以用来干什么.你还学习了如何使用Google Chrome浏览器运行JavaScript,并且尝试了一个示例程序.本书中的所有代码示例,除非特别说明,都可以(并且应该)在Chrome的JavaScript控制台中使用.不要只是阅读代码,尝试输入一些内容.这是学习编程的唯一方法. 在下一章中,我们将学习JavaScript的基础知识,首先从你可以操作信息的3种基本类型开始:数字.字符串和Boolean.

《趣学JavaScript——教孩子学编程》——1.2 为何要学习JavaScript

1.2 为何要学习JavaScript JavaScript并非唯一的编程语言,实际上,还有数以百计的编程语言.但是,学习JavaScript的理由有很多.首先,它比很多其他的语言更容易学习(而且更有乐趣).但可能还有一个最好的理由,就是要编写和运行JavaScript程序,你只需要像Internet Explorer.Mozilla Firefox或Google Chrome这样的一个Web浏览器就够了.每一个Web浏览器都带有一个JavaScript解释器,它可以理解如何阅读JavaScri

《趣学JavaScript——教孩子学编程》——1.3 编写JavaScript

1.3 编写JavaScript 让我们在Google Chrome中编写一些简单的JavaScript.在你的计算机上安装Chrome(如果还没有安装的话),然后,打开Chrome并且在地址栏输入about:blank.现在,按下Enter键,你将会看到一个空白页面,如图1-4所示. 我们通过在Chrome的JavaScript控制台中编码而开始,这是程序员测试JavaScript程序的一种秘密方式.在Microsoft Windows或Linux上,按下Ctrl键和Shift键,并且按下J键

《趣学JavaScript——教孩子学编程》——2.4 Boolean

2.4 Boolean 现在来介绍Boolean类型.Boolean只有一个值,不是true(真)就是false(假).例如,一个简单的布尔表达式如下所示: 这个示例中,我们创建了一个新的名为javascriptIsCool的变量,并且把Boolean值true赋给它.在下一行中,我们得到javascriptIsCool的值,当然是true. 2.4.1 逻辑操作符 就像可以用算术操作符(+.-.*./等)把数字组合起来一样,我们也可以用布尔操作符把布尔值组合起来.当用布尔操作符组合布尔值时,结

《趣学JavaScript——教孩子学编程》——2.5 undefined和null

2.5 undefined和null 最后,还有不属于任何特殊情况的两个值.它们是undefined和null.用它们来表示"没有",但是,它们之间略有不同. JavaScript使用undefined表示没有值.例如,当创建了一个新的变量,如果没有使用=操作符为它赋值,那么它的值就是undefined: 当想要刻意表达"这是空的"时,通常使用null. 目前,我们不会经常使用undefined或null.如果创建了一个新的变量,并且没有为它赋值,就会看到undef

《趣学JavaScript——教孩子学编程》——2.6 本章小结

2.6 本章小结 现在,我们已经知道JavaScript中所有的数据类型了--数字类型.字符串类型和布尔类型,还有特殊值null和undefined.数字类型用于处理与数学相关的事情,字符串类型用于处理文本,布尔类型用于表示答案为yes或no的问题.null和undefined是表示某些东西不存在的一种方法. 在接下来的两章中,我们会学习数组和对象,它们是连接基本类型以创建值较为复杂的集合的两种方法.