JavaScript初级教程(第二课)第1/7页

所属分类: 网络编程 / JavaScript 阅读数: 390
收藏 0 赞 0 分享
上一讲我们学了JavaScript出现在何处,看起来象什么。现在我们开始学习这种语言。本课我们将学习JavaScript如何存储信息,如何根据信息作决定,如何根据用户交互要求交替图片
    准备好了吗? 现在开始学习电脑编程基础。 第一讲, 变量。
    如果你学过代数,你一定见过变量。如果没学过也不要紧。变量是JavaScript存储信息的简单方式。例如,当你写:"x=2," "x"是一个变量,它存储值为2。如果而后你又说"y=x+3,","y"将具有值“5”
    这里是一个使用变量的JavaScript例子。
    在本例中我们一步一步浏览源码 你将看到: 
    <script language="JavaScript">
    <!-- hide me
    开始的这两行我们已经见过。这是任何JavaScript程序都必须的序曲。
    // load up some variables
    var secs_per_min = 60;
    var mins_per_hour = 60;
    var hours_per_day = 24;
    var days_per_year = 365;
    第一行是一个注释。含义很明确。
    下几行是变量申明,有几样事情需注意:
    当首次用一变量时,应以“var”申明。 
    尽管以var 作为变量申明严格说并不必要,但这是一个好习惯。当我们讨论接下来的两课时,我们将知道为什么。 
  
    变量必须以字母或强调性字符起始。 
    第一个字符后,变量可以有数字。因此monkey_23即是合法的变量名。 
    变量名多数是大小写敏感的,但对不同版本的JavaScript也不尽然。 
    这意味着变量Loop和loop在有些浏览器中是不同的。一般情况下,建议坚持使用一种命名习惯并保持不变。我本人
习惯使用变量间加下划线。其他人有喜欢变量间首字大写的,如secsPerMin。
    变量应描述其目的。 
    象 x, y, 或hack_hack_hack对想要了解你的语言的人来说没有什么用。别使变量名太长以致敲起来费劲,但要长
到有一定的描述力。 
    在定义变量时就可赋于其一个值,也可今后在给出。 
    在该例中每个变量开始定义时就被赋于了值。不一定非如此,今后的例子中我们将看到即使我们不知道其值,我
们也可很好的定义它。 
  
    语句以分号结束。
    语句是JavaScript的表达句,分号是结束标志。空格和空行是可被JavaScript编译器忽略的,他们仅是为人们读
起来方便,该例可被写成长长的一行,但即使加上注释,看起来也会极其吃力。 
    结束前我要提一下有时半括弧是不必须的,你可能也注意到有的人编的语句没有分号作为结束。但加上它是个好
习惯,这不仅是由于你的程序的可读性会好的多,这也可减少空行,这些空行会塞满你的程序Webmonkey的习惯是
在每一语句后加上半括弧作为结束。
    // do some calculations
    var secs_per_day = secs_per_min * mins_per_hour * hours_per_day;
    var secs_per_year = secs_per_day * days_per_year;
    这里我们看到了一些基本的算术。每当JavaScript执行了该语句,变量secs_per_year将是无论得到的什么数乘以60, 60,24, 和 365。以后,无论何时遇到变量secs_per_year,它将以这些巨大的数字替代。
    // end hiding -->
    </script>
    这里没什么新鲜的,是一个JavaScript片的结束。
    这是该例中头文件中JavaScript的全部,当JavaScript执行这些代码时,上述变量将被定义。但此时这些变量尚未做任何事,这是在该例主体中要完成的事。
更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多