javascript学习(一)——基本语法(2)
外部JavaScript文件是最常见的包含JavaScript代码的方式,这是有一些很实在的原因的:
1. 如果你的HTML页面中有着更少的代码的话,搜索引擎就能够以更快的速度来抓取和索引你的网站。
2. 保持JavaScript代码和HTML的分离,这样代码显得更清晰,且最终更易于管理。
3. 因为可以在HTML代码中包含进多个JavaScript文件,因此你可以把JavaScript文件分开放在web服务器上不同的文件目录结构中,这类似于图像的存放方式,这是一种更容易管理代码的做法。清晰、有条理的代码始终是让网站管理变得容易起来的关键。
变量
变量存储数据,这些数据稍后要被检索的或是要使用新的数据来更新。存储在变量中的数据可以是一个值或表达式,JavaScript语言有三种类型的表达式,表1对此做了描述。
表1. JavaScript表达式
表达式描述
算术 计算的结果为一个数值
字符串计算的结果为一个字符串
逻辑 计算的结果为一个布尔值(true或者false)
变量有两种类型:局部的和全局的。局部变量使用var这一关键字来声明,声明全局变量则不需要使用var关键字。使用了var关键字的变量被看成是 局部的,因为除了你声明它的地方所处的范围之外,它不能在其他任何地方被访问。例如,如果你在一个函数(在将近文章的结尾部分我会谈论到)的内部声明了一个局部变量的话,该变量就不能在该函数之外被访问,这就使得它是这一函数局部的。如果你没有使用var关键字声明这同一变量的话,它在整个脚本中就都是可被访问到的,而不仅限定于只能在那个函数中被访问。
清单4给出了一个局部变量的例子,其被命名为num,并被赋值为10。
清单4. 声明一个局部变量
var num = 10;
var num = 10;
要在脚本中的另一个位置访问num变量的值的话,你只需要通过名称来引用该变量就可以了,如清单5所示。
清单5. 访问变量的值
document.write("The value of num is: "+ num);
document.write("The value of num is: "+ num);
这一语句的结果是“The value of num is: 10”。这一document.write函数把数据写到网页中,在本文余下的部分中你都是使用这一函数来把例子写到网页中。
要把算术表达式存储到变量中的话,你只要把变量指配给计算的值就可以了,如清单6所示。计算的结果而非算式本身被存储在变量中。因此,我们又一次得到这一结果“The value of num is: 10”。
清单6. 存储算术表达式
var num = (5 + 5);
document.write("The value of num is: "+ num);
var num = (5 + 5);
document.write("The value of num is: "+ num);
要改变变量的值的话,通过你为变量所分配的名称来引用变量,并使用等号来为其赋一个新的值(清单7)。这次的不同之处在于你不需要使用var关键字,因为变量已经声明过了。
清单7. 改变现有变量的值
var num = 10;
document.write("The value of num is: "+ num); // 把num的值更新成15 num = 15;
document.write("The new value of num is: "+ num);
var num = 10;
document.write("The value of num is: "+ num); // 把num的值更新成15 num = 15;
document.write("The new value of num is: "+ num);
这一脚本的结果先是一句“The value of num is: 10”,后面跟着“The new value of num is: 15”。除了讲解变量之外,这一节内容还引入了下一个主题,也就是运算符。你用来把值赋给变量的等号(=)就是一个赋值运算符,以及你用在5+5中的加号(+)是一个算术运算符。下一节内容谈论JavaScript语言中的所有变量运算符及其用法。
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>