JavaScript基础语法详解：标识符、数据类型、运算符与流程控制

在phpchina学习PCTI课程的前几天，老师讲解了CSS与JavaScript的基础知识，此处先展示部分内容。

JavaScript标识符规范

JavaScript的标识符

标识符是JavaScript中用于定义符号的名称，例如变量名、函数名或数组名等。

标识符可由任意顺序的大小写字母、数字、下划线和美元符号组成，但不得以数字开头，且不能使用JavaScript的保留关键字。

JavaScript严格区分大小写，每条语句执行完毕后通常以分号结束，词与词之间需使用空格、制表符、换行符或大括号、小括号等分隔符进行间隔。

上述部分虽然看似繁琐，但属于必须严格遵守的语法规则，因此有必要在此明确列出。

基本数据类型与常量

基本数据类型与常量

整型常量

十六进制数以0x或0X开头，例如0x8a。

八进制数必须以0开头，例如：0123。

十进制数的首位不能为0（数字0本身除外），例如：123。

实型常量

常见的实型常量包括12.32、192.98、5E7、4e5等。

其他表示形式如.0001、0.0001、1e-4、1.0e-4等。

这部分内容无需深究，但需具备基本概念即可。

布尔值Boolean

布尔值包含true和false，分别代表真和假。

null常量表示空值，是一个关键字，指明变量包含无效的关键字，即该变量未保存有效的数值、字符串、布尔值、数组或对象。可以通过给变量赋null值来清除其内容。

undefined常量表示未定义，是Global对象的一个成员，在脚本引擎初始化后可用。如果变量已声明但未初始化，其值为undefined。

字符串型常量

字符串示例包括“this is JavaScript ppt”、'abc'、“a”、“”。

字符串中的特殊字符需以反斜杠（\）后跟普通字符表示，例如：\r、\n、\t、\b、\'、\”、\\。

变量声明与赋值

变量

在JavaScript中声明变量需使用var关键字，并在声明时进行赋值。

例如：var name="zhansan";

对赋值赋予其他类型的数据。

例如：var name=123;

不事先声明而直接使用变量。

例如：x=1234;

运算符详解

运算符

运算符包括算术运算符、赋值运算符、比较运算符、逻辑运算符和位运算符。

此处省略其他运算符，仅重点介绍JavaScript中的逻辑运算符与位运算符。

逻辑运算符

&&表示逻辑与，当左右两边操作数都为true时返回true，否则返回false。

||表示逻辑或，当左右两边操作数都为false时返回false，否则返回true。

!表示逻辑非，当操作数为true时返回false，否则返回true。

位运算符

位运算用于对操作数中的每一个二进制位进行运算，包括位逻辑运算符和位移运算符。

&表示按位与，只有参加运算的两位都为1时，结果才为1，否则为0。

|表示按位或，只有参加运算的两位都为0时，结果才为0，否则为1。

^表示按位异或，只有参加运算的两位不同时，结果才为1，否则为0。

>>表示右移，将左边操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分补上左边操作数原来的最高位二进制位值。

<<表示左移，将左边操作数在内存中的二进制数据左移右边操作数指定的位数，右边移空的部分补0。

>>>表示无符号右移，将左边操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分补0。

流程控制语句

程序的流程控制

流程控制包括顺序结构、if条件选择语句、switch选择语句、while循环语句、do-while语句、for循环语句，以及break与continue语句。

首先介绍if条件选择语句

if(条件语句）用于进行判断。

执行语句块1；如果条件为true（真），则执行语句1。

else

执行语句2；如果条件为false（假），则执行语句2。

if语句的简写形式

补充：if(x == null) 或 if(typeof(x) ==“undefined”) 可以简写成if(!x)。

补充：变量 = 布尔表达式 ? 语句1 ： 语句2;

例如：y = x >0 ? x : -x;

if语句支持嵌套使用。

switch语句

以下为switch语句的一个范例。

Var x = 2; 先设定一个变量x=2。

Switch(x) 然后switch进行判断。

case 1: case取值，设定switch所取的值为几。

alert(“monday”); alert语句块，当switch选择所取的值时执行alert的值。

break; break跳出：执行完后跳出程序。

case 2:

alert(“Tuesday”); alert为浏览器弹出信息。

break;

case 3:

alert(“wendnesday”);

break;

default: default（默认）：如果上述条件都不符合，则执行这段代码。

alert(“sorry, I don't know”);

那么执行上述语句结果为“tuesday”。

switch还可以这样使用。

var x = 2;

switch(x)

Case 1:

Case 2:

Case 3:

Case 4:

Case 5:

alert(“working day ”);

break;

Default:

alert(“off day”);

自己动手试一下看是什么效果吧。

while循环语句

这是一个while循环语句的一个简单范例。

var x = 1; 首先我们还是设一个变量x=1。

while(x <3) 然后用while判断x是不是小于3。

alert(“x = ”+x); 如果判断x小于三，那么执行这段，alert为浏览器弹出信息（“x=”）为原样输出（+x）为原样输出后加x的值。

x++; 然后x++，它表示如果x小于3就累加。

do-while循环语句与while的区别是：while是先判断后执行，do-while是先执行后判断。

for循环语句

以下为一个for循环的范例。

var output = “”; 先设一个变量但不赋值。

for(var x= 1; x <10; x++) for判断变量x=1是否小于10，如果小于10那么x++。

output = output + “ x = ” + x; 变量output等于output加原样输出“x=”加x的值。

alert (output); 浏览器弹出变量output的值。

break与continue语句

break为跳出当前程序。

continue为停止循环的当前迭代，并开始新的迭代。