JavaScript DOM 9.16
第二章 JavaScript语法
程序设计语言分为解释型和编译型两大类。
Java或C++等语言需要一个编译器(comoiler)。编译器是一种程序,能够把源代码翻译成直接在计算机上执行的文件。
解释型程序设计语言不需要编译器,只需要解释器。对于javascript来说,web浏览器负责有关解释执行的工作。
编译型语言编写如果有错误,这些错误在代码编译阶段就能被发现。而解释型语言中的代码错误只能等到解释器执行到有关代码时才能被发现。
与解释型语言相比,编译型语言往往速度更快,可移植性更好,但学习曲线更陡峭。
语句
用js编写的脚本,由一系列指令构成,这些指令称为语句(statement)。是构成脚本的基本单位。
变量
人的姓名和生日是固定不变的,但心情和年龄是变化的,会变化的东西成为变量(variable)。
假如我有一个变量mood,我可以把此时此刻的心情储存于期中,不管值是happy还是sad,名字都是mood,我可以改变这个值。
把值存入变量的操作叫做赋值(assignment)。把变量mood赋值为happy,age赋值为33
mood="happy";
age=33
赋值之后则变量包含这个值,可以用如下语句把两个变量的值显示在一个弹出式警告窗口中:
alert(mood)
alert(age)
JS允许直接对变量赋值而无需实现声明。很多程序设计语言是不允许的。很多语言要求在使用审核变量之前对她进行“介绍”,也就是声明(declare)。在JS中,如果对变量赋值之前没有声明,赋值将自动声明。但是提前声明变量是一种良好的习惯。
var mood;
var age;
和 var mood,age;
相同。
var mood = "happy";
var age=33;
和 var mood = "happy", age = 33
相同
变量名称不允许包含空格,标点。语序包含字母,数字,美元符号和下划线(第一个字符不允许是数字)。为了让较长名字易读,可这样
var my_mood = "happy";
或var myMood= "happy";
(驼峰格式)首选格式
var是一个关键字,myMood是一个变量名,happy是一个字面量。
数据类型
变量mood的值是一个字符串,变量age的值是一个数,虽然两种不同类型数据,但在js中声明和赋值的语法完全一样。有些其他的语言要求在声明变量的同时还必须同时声明数据类型,称作类型声明。
必须确定声明类型的语言成为强类型(strongly typed)语言。js不需要类型声明,因此它是一种弱类型(weakly typed)语言。以为着可以在任何阶段改变变量的数据类型。
以下语句在强类型中非法的,但js中完全没有问题:
var age = "thirty three";
age = 33;
JS并不在意age的值试一个字符串还是一个数。
1. 字符串
字符串由零个或多个字符组成。字符包括但不限于字母,数字,标点符号和空格。字符串必须抱在引号里,单引号或者双引号都可以。
2. 数值
赋一个数值给一个变量,可以是小数,成为浮点数。
3.布尔值(boolean)
只有两个可选值:true 或 false。假设需要这样一个变量:如果我正在睡觉,这个变量储存一个值,如果我不在睡觉,这个变量储存另外一个值。可用字符串赋值为sleeping或者not sleeping,但使用布尔值显然是一个更好的选择:
var sleeping = true;
从某种意义上讲,为计算机设计程序就是与布尔值打交道。所有的电子电路只能识别和使用布尔值:电路中有无电流。只取2值中的1种。
布尔值不是字符串,不能用引号。
数组(array)
字符串,数值,布尔值都是标量。标量在任意时刻只能有一个值。如果用一个变量来储存一组值,就需要用数组。在js中数组可以用Array来声明。,我们可以用名为beatles的变量来保存四位成员名称。
var beatles = Array(4); //可指定初始元素个数(长度),也可以不指定
var beatles = Array();
向数组添加元素的操称为填充(populating)。不仅要给出值,还要给出存放位置,即下标(index)。一个元素配一个下标,用方括号括起来:
beatles[0] = "john";
从0开始作为第一个下标
1. 下面是声明和填充全过程:
var beatles = Array(4);
beatles[0] = "john";
beatles[1] = "paul";
beatles[2] = "george";
beatles[3] = "ringo";
现在我们可以通过beatles[2]
来获取元素george了。
beatles长度为4,可最后一个下标为3,因为下标从0计算的。
2. 相对简单的方法,声明时填充:
var beatles = Array("john","paul","george","ringo");
上述语句会自动分配一个下标。所以beatles[2]
还是获取george、
3. 甚至可以不明确是创建数组,用方括号就行了:
var beatles = ["john","paul","george","ringo"];
数组里元素的数据类型:
1.数组的元素也不一定是字符串,布尔值,数值都可以。甚至可以混搭:
var years = [1940,1941,1942,1943];
var lennon = ["john",1940,false];
2.数组元素还可以是变量:
var name = "john";
beatles[0] = name;
这把第一个元素赋值为john
3.数组元素的值还可以是另外一个数组的元素
var names = ["ringo","john","george","paul"];
beatles[0] = names[3];
这样就把beatles的第二个元素换成了paul
4.数组还可以包含其他数组,任何一个元素都可以把一个数组作为它的值:
var lennon = ["john",1940,false];
var beatles = [];
beatles[0]= lennon;
现在数组beatles的第一个元素的值是另外一个数组。获取值需要更多方括号
beatles [0][0] //是john
beatles [0][2] //是false
对象
与数组类似,对象也是使用一个名字表示一组值。对象的每个值都是对象的一个属性,例如lennon数组也可以创建成对象:
var lennon = Object();
lennon.name = "john";
lennon.year = 1940;
lennon.living = false;
与数组相似,创建对象使用Object关键字。不用方括号和下标来获取元素,是用点号来获取属性。
更简洁的创建方法:
var lennon = {name:"john",year:1940,living:false};
下面创建一个新的beatles数组,用lennon对象填充它第一个元素。
var beatles=array();
beatles[0]=lennon;
现在使用beatles[0].name可得到值john
在此基础上,进一步改进,把beatles数组也声明为对象而不是传统数组,这样我们就可以用drummer和bassist更有意思的字符串作为下标来访问数组里的元素了:
var beatles = {}
beatles.vocalist = lennen;
则beatles.vocalist.name
是john。