JavaScript语法简介

一，常量与变量

1. 变量

所谓变量，就是一个可以改变的量，即变量的值在程序运行过程中是可以改变的

① 变量的命名（和Java中是一样的）
变量命名需要遵循的原则：

a. 变量由字母、下划线、$或数字组成，并且第一个字母必须是字母、下划线或$； b. 变量不能是系统关键字和保留字

注意：
a. 变量的命名一定要区分大小写；
b. 对应变量的命名，尽量取一些有意义的英文名或英文缩写；
② 变量的使用
在JavaScript中，变量的使用需要进行2步：

(1) 变量的声明； (2) 变量的赋值

注意：
a. 在JavaScript中，所有的变量都是由var声明；
b. 一个var可以同时声明多个变量名，其中变量名之间必须用英文逗号隔开；

语法：
var 变量名 = 值;

2. 常量

在JavaScript中，常量指的是一个不能改变的量。 即常量的值从定义开始就是固定的，一直到程序结束都不会变。

注意：
a. 一般情况下，常量名全部大写；

二，数据类型

在JavaScript中，数据类型可以分为两种：

1. 基本数据类型

JavaScript中，基本数据类型有5种：数字、字符串、布尔值、未定义值和空值。

① 数字

所谓数字，就是我们数学上的数字，如12、-12、3.1415等

注意：
a. 在JavaScript中，数字是不区分整型和浮点型的！

② 字符串

在JavaScript中，字符串都是英文单引号或英文双引号括起来的字符

注意：
a. 单引号可以括起来多个字符；
b. 单引号括起来的字符串可以包含双引号；
c. 双引号括起来的字符串可以包含单引号；

③ 布尔值

在JavaScript中，布尔类型的值只有2个：true和false

布尔值最大的用途是：选择结构的条件判断！

④ 未定义值

在JavaScript中，未定义值是指 如果一个变量虽然已经用var来声明了，但并没有给这个变量赋值， 此时该变量的值就是“未定义值”。

未定义值是用undefined表示！即未定义变量的值为undefined

⑤ 空值

在JavaScript中，空值用null表示； 如果一个变量的值等于null，则该变量为空值； 即表示：系统没有给该变量分配内存空间

2. 引用数据类型

在JavaScript中，最常见的引用数据类型有两种：数组和对象。

三，运算符

在JavaScript中，运算符指的是“变量”或“值”进行运算操作的符号； 其中常见的运算符有5种

① 算术运算符

算术运算符包括： 加、减、乘、除、求余、自增、自减

算术运算符和Java相同
② 赋值运算符

赋值运算符包括： =、+=、-=、*=、/=

用法与Java相同
③ 比较运算符

比较运算符包括：>、<、>=、<=、==、!=

④ 逻辑运算符

逻辑运算符包括： &&、||、！

⑤ 条件运算符，即三目运算符
语法：
var a = 条件 ? 表达式1 : 表达式2

四，表达式与语句

一个表达式包含“操作数”和“操作符”两部分； 操作数是变量/常量；操作符是运算符 而语句，则是用英文分号分开的一句代码

五，类型转换

1. 隐式类型转换

JavaScript自动进行的类型转换

2. 显示类型转换

① “字符串”转换为“数字”

在JavaScript中，将字符串转换为数字，有2种方式：
（1）Number( )

该方法可以将任何“数字型字符串”转换为数字 什么是数字型字符串呢？ 就是该字符串中只包含数字，不包含字母

var a = Number("2018")+10000;  //Number("2018")将字符串“2018”转化为数字2018
document.write(a);  //将结果写入页面

注意：

Number(“hao456”) 或者 Number(“779bao”)的结果都是NaN； NaN指的是“Not a Number（非数字）”

（2）parseInt( )和parseFloat( )

这2个方法是提取“首字母为数字的任意字符串”中的数字； 其中，parseInt( )提取的是整数部分； parseFloat( )不仅会提取整数部分，还会提取小数部分

//parseInt举例
parseInt("123");  //结果为123
parseInt("3.1415");  //结果为3
parseInt("bao789");  //结果为NaN
parseInt("100px");   //结果为100
parseInt("+456");   //结果为+456
parseInt("-4556");  //结果为-4556
//parseFloat举例
parseFloat("123");   //结果为123
parseFloat("3.1415");   //结果为3.1415
parseFloat("hao456");   //结果为NaN
parseFloat("100px");   //结果为100

parseInt( )和parseFloat( )是非常相似的，区别在于：

a. parseInt( )只提取整数，parseFloat( )可以提取小数点以后得数字；

② “数字”转换为“字符串”

在JavaScript中，将数字转换为字符串有2种方式：
（1）与空字符串相加

var a = 2018 + "";  //系统会讲数字转换为字符串
var b = a + 10000;  //字符串+整数，系统会将数字转换为字符串相加
document.write(b);  //结果为201810000

（2） toString( )

var a = 2018;
var b = a.toString() + 10000;  //a.toString()表示将a转换为字符串，即将2018转换为“2018”
document.write(b);  //b最终的值为201810000

六，转义字符

常见的转义字符

对于字符串的换行，有2汇总情况：
（1）如果是在document.write( )中换行，则应该用：
；
（2）如果是在alert( )中换行，则应该用：\n

七，注释

1. 单行注释

语法：
//单行注释
注意：

/ 这是CSS注释 / //这是JavaScript单行注释

1. 多行注释

语法：
/* 多行注释 */