Javascript 基础教学(二)
1. javascript语句
javascript是由浏览器执行的语句序列
javascript语句发送给浏览器命令,浏览器接收命令来做相应的事情。
alert(“我是警告框内容”);
这条javascript语句是告诉浏览器弹出一个警告框。
通常每一条语句我们都会用“;”分号结束,这是一个好的编程习惯。通过分号我们还可以在一行中写上多条语句。
javascript代码就是很多条javascript语句集合。以下是多条语句的演示实例:
<script type=”text/javascript”>
alert(“执行第一条语句”);
alert(“执行第二条语句”);
alert(“执行第三条语句”);
</script>
更详细的介绍请参见网址:http://www.w3school.com.cn/js/js_statements.asp
2. javascript注释
单行注释
javascript单行注释以 // 双斜杠开始至此行末尾最后一个字符。注释内容都会被浏览器忽略不执行。例如:
<script type=”text/javascript”>
// alert(“我被注释掉了会被浏览器忽略不执行”);
alert(“我没有被注释,我被执行了,哦耶。”); //alert(“我是第二个被注释的,我叫行末注释。”);
</script>
多行注释
javascript多行注释以 /* 开头以 */ 结尾。注释内容部分可以换行可以是任何内容,都会被浏览器忽略不执行。注意,当浏览器遇到 */ 时就会认为注释结束,请避免注释内容未结束就是用 */。例如:
<script type=”text/javascript”>
/* ———————————-
alert(“我其实被注释掉了”);
——————————— */
alert(“我没有被注释,我再次出现了。”);
</script>
3. javascript变量
变量是存储信息的容器,在定义变量的时候系统会自动为变量分配不定的内存空间用于存储信息,变量会驻留在内存中直到不会再被使用才会从内存中释放。
javascript变量对大小写敏感,故定义变量时请区分大小写。变量通常以字母或下划线开始。我们通常都会给变量起一个简短的名称或者一个具有表属性的名称。例如:x=1 或 length=30
在脚本执行的过程中,我们可以动态改变变量的值或者使用其名称来引用这个变量。演示实例:http://www.w3school.com.cn/tiy/t.asp?f=jseg_variable
声明(创建)变量
在 javaScript 中创建变量经常被称为“声明”变量。通过 var 语句来声明变量。与 java 和 C 不同,javascript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。因此,可以随时改变变量所存数据的类型(尽量避免这样做)。例如:
var x;
var y, z;
以上声明了三个变量 x、y、z,声明多个变量可以使用一条 var 语句,每个变量中间用逗号隔开,直到最后一个变量用分号结束。以上声明的三个变量并没有赋值,我们在声明的时候就可以为他们赋值,例如:
var x = 3;
var y = x, z = “12”;
以上三个变量 x、y、z 都在声明时赋值,这里的 = 等号又叫赋值运算符,等号右侧的值或变量或表达式都会付给等号左边的变量。x变量的值为数字3,y变量的值为x,因为x的值是3所以这里y的值也是3,z变量的值是字符串12。注意,javascript区分类型,成对单引号或双引号之间内容都是文本,是字符串类型。所以z变量的值是字符串12,x变量的值是数字3。
注意:javascript程序设计中有一句忠言叫做“全局变量是魔鬼”,请记住这七个字,日后我会再详细讲解。
向javascript变量赋值
使用 = 为javascript变量赋值。可以为变量任意时候赋值。例如:
<script type=”text/javascript”>
var x;
x = 1;
alert(x);
x = 2;
alert(x);
</script>
运行此段javascript,首先会创建变量x,然后为变量x赋值数字1,然后弹出x的值,随后再次为变量x赋值数字2,再次弹出x的值。两次弹出的结果为1和2。
向未声明的变量赋值
如果我们在变量的赋值过程中未声明此变量,此变量会自动声明。例如:
x = 1;
y = 2;
var x = 1;
var y = 2;
两次语句运行效果是相同的。一个好的程序员应避免不声明变量而直接使用,一个好的程序员应该养成一个好的编程习惯。
重新声明javascript变量
如果您再次声明了 JavaScript 变量,该变量也不会丢失其原始值。
var x = 5;
var x;
在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。
javascript算数
javascript可以在变量之间进行运算。例如:
var x = 1, y = 2, z = 3;
x = x + y;
z = z * x;
执行此段javascript首先创建 x、y、z 三个变量并为他们分别赋值 1、2、3,然后进行加法运算,x变量的值加上y变量的值并把相加结果再次赋给变量x,此时x的值为3,然后进行乘法运算,z变量的值乘以x变量的值并把相乘结果赋给变量z。运行结果变量x的值为3,变量y的值为2,变量z的值为9。
4. javascript运算符
运算符就是完成操作的一系列符号
1、算数运算符(+,-,*,/,++,–,%)
2、赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)
3、比较运算符(>,<,<=,>=,==,===,!=,!==)
4、逻辑运算符(||,&&,!)
5、条件运算符(?,:)
6、位移运算符(|,&,<<,>>,~,^)
7、字符串连接符(+)
详细的javascript运算符介绍与使用请参考网址:http://www.w3school.com.cn/js/js_operators.asp
在这里为大家说明一下 === (全等)和 !== (全不等)运算符,全等与全不等运算符在检查相等性前,不执行类型转换。故会判断等号两侧变量或值的类型是否也相等。例如:
var a = 1;
var b = “1”;
alert(a==b);
alert(a===b);
运行以上javascript会首先弹出true,变量b在比较时会自动转换自己类型为数字类型再进行比较,故此a等于b弹出true。第二次弹出false,使用全等运算符不会转换类型,变量a的值为数字1,变量b的值为字符串1,数字1不等于字符串1,故此a不等于b弹出false。