JavaWeb自学笔记 JavaScript语言基础

JavaScript的语法

JavaScript与Java在语法上有些相似，但也不尽相同。下面将结合Java语言对编写JavaScript代码时需要注意的事项进行详细介绍。
JavaScript区分大小写：JavaScript区分大小写，这一点与Java语言是相同的。例如，变量username与变量userName是两个不同的变量。
每行结尾的分号可有可无：与Java语言不同，JavaScript并不要求必须以分号作为语句的结束标记。如果语句的结束处没有分号，JavaScript会自动将该行代码的结尾作为语句的结尾。
变量是弱类型：与Java语言不通，JavaScript的变量时弱类型的。因此在定义变量时，只使用var运算符就可以将变量初始化为任意的值。例如：

var username = "mrsoft"; //将变量username初始化为mrsoft
var age = 20; //将变量age初始化为20

使用大括号标记代码块：与Java语言相同，JavaScript也是使用一堆大括号标记代码块，被封装在大括号内的语句将按照顺序执行。
注释：在JavaScript中，提供了两种注释，即单行注释和多行注释。单行注释使用双斜杠开头“//”，在后面的文字为注释内容，在代码块执行过程中不起任何作用。多行注释以“/”开头，以“/”结尾。之间的内容为注释内容，在代码执行过程中不起任何作用。

JavaScript中的关键字

JavaScript中的关键字是指在JavaScript中具有特定含义的，可以成为JavaScript语法中一部分的字符。与其他编程语言一样，JavaScript中也有许多关键字。

JavaScript的数据类型

JavaScript的数据类型比较简单，主要有数值型，字符型，布尔型，转义字符，控制，和未定值。

1.数值型

JavaScript的数值型又分为整型和浮点型
整形：JavaScript的整形数据可以是正整数，负整数和0.可以采用十进制，八进制或十六进制来表示。

729  //表示十进制的729
071 //表示八进制的71
0x9405B //表示十六进制的9405B

以0开头的是八进制数，以0x开头的数为十六进制数。
浮点型：浮点型数据由整数部分加小数部分组成，只能采用十进制，但是可以使用科学计数法或标准方法来表示。

3.1415926  //采用标准方法表示
1.6E5 //采用科学计数法表示，代表1.6乘以10的5次方

2.字符型

字符型数据是使用单引号或双引号括起来的一个或多个字符。

‘a’
‘喜羊羊美羊羊’
“a”
“喜羊羊美羊羊”

JavaScript和Java不同，他没有char数据类型，要表示单个字符必须使用长度为1的字符串。

3.布尔型

布尔型数据只有两个值，即true或false，主要用来说明或代表一种状态或标志。在JavaScript中，也可以使用整数0代表false，使用非0整数来表示true。

4.转义字符

以反斜杠开头的不可显示的特殊字符通常被称为控制字符，也叫转义字符。通过转义字符，可以再字符串中添加不可显示的特殊字符，或者放着引号匹配混乱的问题。JavaScript常用的转义字符如下表。

5.空值

JavaScript中有一个空值(null)，用于定义空的或不存在的引用。如果试图引用一个没有定义的变量，则返回一个null值。注意，空值不等于空的字符串或0。

6.未定义值

当时用一个并未声明的变量，或者使用一个已经声明但没有赋值的变量时，将返回未定义值(undefined)。

7.NaN

NaN是一种特殊类型的数字常量，即“非数字”。当程序中由于某种原因发生计算错误后，将产生一个没有意义的数字，此时JavaScript返回的数值就是NaN。

变量的定义及使用

变量是指程序中一个已经命名的存储单元，其主要作用就是为数据操作提供存放信息的容器。在使用变量前，必须明确变量的命名规则，变量的声明方法以及变量的作用域。

1.变量的命名规则

JavaScript变量的命名规则如下：
变量由字母，数字或下划线组成，但必须以字母或下划线开头。
变量名中不能有空格，加号，减号，逗号等符号。
不能使用JavaScript中的关键字。
JavaScript的变量名是严格区分大小写的。
虽然JavaScript的变量可以任意命名，但是在实际编程时，最好使用便于记忆且有意义的变量名，以便增加程序的可读性。

2.变量的声明方法

在JavaScript中，可以使用关键字var声明变量，如：

var variable;

variable:用于指定变量名，该变量名必须遵守变量的命名规则。可以使用var同时声明多个变量：

var now,year,month,date; 

可以在声明变量的同时对其进行赋值:

var now="2019-09-06",year="2019",month="9",date="6"; 

如果只是声明了变量，但未对其赋值，则会默认值为undefined。当给一个尚未声明的变量赋值时，JavaScript会自动用该变量名创建一个变量。在一个函数内部，通常创建的只是一个仅在函数内部起作用的局部变量，而不是一个全局变量。要创建一个全局变量，则必须使用var关键字进行变量声明。由于JavaScript采用弱类型，所以在生命变量时不需要指定变量的类型，而变量的类型将根据变量的值来确定。

var number=10;    //数值型
var info = "欢迎光临";  //字符型
var flag = true;  //布尔型

变量的作用域

变量的作用域是指变量在程序中的有效范围，在JavaScript中，根据变量的作用域可以将变量分为全局变量和局部变量两种。全局变量是定义在所有函数之外，作用于整个脚本代码的变量。局部变量是定义在函数体内，只作用于函数体内的变量。

运算符的应用

运算符是用来完成计算或者比较数据等一系列操作的符号。通常的JavaScript运算符按类型，可分为赋值运算符，算术运算符，比较运算符，逻辑运算符，条件运算符和字符串运算符6种。

1.赋值运算符

JavaScript中的赋值运算可以分为简单赋值运算和复合赋值运算。简单赋值运算时是将赋值运算符(=)右边表达式的值保存到左边的变量中。而复合赋值运算混合了其他操作(算术运算操作，为操作等)和赋值操作。JavaScript中的赋值运算符如下表：

2.算术运算符

算术运算符用于在程序中进行加，减，乘，除等运算。在JavaScript中常用的算术运算符如下表：

注意，在执行处罚运算时，0不能作为除数。如果0作除数，则返回结果则为Infinity。

3.比较运算符

比较运算符的基本操作过程是：首先对操作数进行比较，这个操作数可以是数字也可以是字符串，然后返回一个布尔值true或false。在JavaScript中常见的比较运算符如下表：

4.逻辑运算符

逻辑运算符通常和比较运算符一起使用，用来表示复杂的比较运算，常用语if，while，for语句中，其返回结果是一个布尔值。JavaScript中常用的逻辑运算符如下表：

5.条件运算符

条件运算符是JavaScript支持的一种特殊的三目运算符，其语法格式如下：

操作数？结果1：结果2

如果操作数的值值为true，则整个表达式的结果为“结果1”，否则为结果“结果2”。

var a = 26;
var b = 30;
var m = a>b?a:b //M的值为30

6.字符串运算符

字符串运算符是用于两个字符型数据之间的运算符，除了比较运算符外，还可以是+和+=运算符。其中，+运算符用于连接两个字符串，并将结果赋值给第一个字符串。如：

var a = "One "+"world";
a+="One Dream";   //a的值为One world One Dream