编程语言界第一网红:“JavaScript”

2017-10-10 16:32:00
Angela
转贴
63

JavaScript 是最流行的编程语言之一,所有现代浏览器(和多数古老浏览器)都支持它。其外沿在不断延伸,正逐渐被嵌入除浏览器外的其他众多环境中......毫不夸张地说,JavaScript 应用范围之广,项目之多,对开发人员的友好程度是其他编程语言难以企及的。

也因为 JavaScript 如此抢镜,被不少人冠以 “编程语言界第一网红” 的称号......当然,这绝非浪得虚名,比如程序员必赏年度大片《StackOverflow开发者报告》就揭秘了 最受欢迎编程语言花落JS ,Redmonk 2017年第 3 季度编程语言排行榜也把第 1 名颁给了JS(前两季也是,年度应该也跑不了)...再说GitHub上哪个家族项目最多...



  StackOverflow  《2017开发者调查报告》最受欢迎编程语言



  RedMonk   《2017开发者调查报告》最受欢迎编程语言

要说给这样名气正盛的编程语言写书,那还真不是个简单的工作,而且这书被划入了一个大名鼎鼎的系列书中—— Head First 今天的主角《Head First JavaScript程序设计》,那我们来了解以下这本书是如何讲述JavaScript编程语言的。

JavaScript 的工作原理




如何编写JavaScript




如何将 JavaScript 代码加入网页

下面来看一个枯燥而平凡的网页,并使用<script>元素添加一些动态行为。请不要过度关注我们将添加的<script>元素的细节,你当前的目标是运行一些JavaScript代码。




如何编写语句 

创建HTML时,你通常对文本进行标记,以指定其结构。为此,要给文本添加元素、特性和值。



CSS稍微有点不同。使用CSS时,你编写一系列规则,其中每条规则都指定了网页中的元素及其样式。


使用JavaScript时,你编写语句。每条语句都指定了计算的一小部分,而所有语句一起给网页添加行为。


变量和值

你可能注意到了,JavaScript语句通常包含变量。变量用于存储值。什么样的值呢?下面是一些示例。



除数字、字符串和布尔值外,变量还可存储其他类型的值,这将在稍后介绍;但不管存储的是哪种类型的值,变量的创建方式都相同。下面更深入地介绍如何声明变量。


自我表达

要使用JavaScript准确地表达自我,需要使用表达式。表达式的结果为值,前面的代码示例就包含多个表达式,下面是其中之一:



还有结果为true或false的表达式,这种表达式称为布尔表达式。请看下面的各个表达式,它们返回true还是false呢?


表达式的值还可能为其他几种类型,就现在而言,重点是牢记所有表达式的结果都为某种值:数字、字符串或布尔值。下面来看看表达式都有哪些作用。

* 假定变量 youKnowTheRest 的值为 “fragilisticexpialidocious”。



编写一个正式的应用程序

下面将新学到的JavaScript技能和console.log付诸应用,编写一个实用的应用程序。我们需要一些变量、一条while语句和一些带else子句的if语句。再进行简单打磨,不知不觉间就将得到一个正式的商务应用程序。查看最终代码前,先想想你会如何编写一个程序来显示经典歌曲 99 Bottles of Beer 的歌词。




棒打鸳鸯散 

分手是痛苦的,但必须这样做。现在该将JavaScript代码提取出来,移到一个独立的文件中了,具体步骤如下。

1. 打开文件index.html,选择其中所有的JavaScript代码,即标签<script>之间的所有内容,如下所示。




2. 在编辑器中新建一个文件,将其命名为code.js,并将前面复制的代码粘贴到其中,然后保存。

3. 现在需要在文件index.html中添加一个指向文件code .js的引用,以便该网页加载时获取并加载文件code .js。为此,将文件index.html中的JavaScript代码删除,但保留<script>标签;再在<script>开始标签中添加一个引用code.js的src特性。




4. 外科手术到此结束,就这么简单。现在需要进行测试了。为此,再次加载index.html,结果应该与前面完全相同。请注意,这里将src特性设置成了code.js ,即假定这个代码文件与HTML文件位于同一个目录。



JavaScript 填字游戏

来玩一个填字游戏,放松一下心情,让你的神经完全处于松弛状态。





有没有围绕JS世界环游一圈的感觉?




发表评论
评论通过审核后显示。
联系我们