JavaScript基本语法

JavaScript基本语法
1.变量

什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。

我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则:

1) 必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。

正确的命名，如下所示:

mySum

_myChar

$num

错误的命名，如下所示：

6num //开头不能用数字

%sum //开头不能用除(_ $)外特殊符号,如(% + /等)

sum+num //开头中间不能使用除(_ $)外特殊符号，如(% + /等)

2) 变量名区分大小写，如:A与a是两个不同变量。
3) 不允许使用JavaScript关键字和保留字做变量名（表 5-1）。

表 5-1 JavaScript关键字和保留关键字

abstract	arguments	boolean	break	byte
case	catch	char	class*	const
continue	debugger	default	delete	do
double	else	enum*	eval	export*
extends*	false	final	finally	float
for	function	goto	if	implements
import*	in	instanceof	int	interface
let	long	native	new	null
package	private	protected	public	return
short	static	super*	switch	synchronized
this	throw	throws	transient	true
try	typeof	var	void	volatile
while	with	yield

我们要使用盒子装东西,是不是先要找到盒子,那在编程中，这个过程叫声明变量,找盒子的动作，如何表示：

声明变量语法: var 变量名;

var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为"变量"准备位置(即内存）。

var myNum ; //声明一个变量myNum

当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以var还可以一次声明多个变量，变量之前用","逗号隔开。

var num1,num2 ; //声明两个个变量num1和num2

注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。

2.数据类型

JavaScript种具备如下数据类型。

1) 字符串（String）：如 name = "张三"，或phone = "18012345678"等。
2) 数字（Number）：如temp = -20，salary= 10000，或weight = 61.5，可为整数或者小数、正数或负数。
3) 布尔（Boolean）：取值只有true和fasle两个，表示真和假，通常用于判断某个条件。
4) 数组（Array）：表示一组数据的集合，如 var array =[11,22,true,"hello"]。
5) 对象（Object）：表示一种自定义的数据类型，可以通过属性来描述对象的特征，也可以定义对象的行为来描述对象的动作，利用花括号来进行声明和定义，如 var person ={firstname:"John",lastname:"Doe",id:6688}。
6) 空（Null）：变了的值为空，用于情况变了，情况内存。
7) 未定义（Undefined）：表示该变量不含右任何值，连Null值都没有。
3.变量定义

使用关键字new 可以定义一个变量，例如：

var carName = new String;

var x = new Number;

var flag = new Boolean;

var students = new Array;

var person = new Object;

4.运算符

1) 算术运算符

算术运算符用于执行两个变量或值的运算。

赋值 y = 5, 以下表格5-2将向你说明算术运算符的使用：

表 5-2算术运算符

运算符	描述	例子	y 值	x 值
+	加法	x = y + 2	y = 5	x = 7
-	减法	x = y - 2	y = 5	x = 3
*	乘法	x = y * 2	y = 5	x = 10
/	除法	x = y / 2	y = 5	x = 2.5
%	余数	x = y % 2	y = 5	x = 1
++	自增	x = ++y	y = 6	x = 6
++	自增	x = y++	y = 6	x = 5
--	自减	x = --y	y = 4	x = 4
--	自减	x = y--	y = 4	x = 5

2) 赋值运算符

赋值运算符用于给JavaScript 变量赋值。

3) 给定 x=10 和 y=5，下面的表5-3解释了赋值运算符：

表 5-3赋值运算符

运算符	例子	实例	x 值
=	x = y	x = y	x = 5
+=	x += y	x = x + y	x = 15
-=	x -= y	x = x - y	x = 5
*=	x *= y	x = x * y	x = 50
/=	x /= y	x = x / y	x = 2
%=	x %= y	x = x % y	x = 0

4) 字符串运算符

+ 运算符， += 运算符可用于连接字符串。

给定 text1 ="Good ", text2 = "Morning", 及 text3= "", 下面的表格5-4解释了字符串运算符的使用：

表 5-4字符串运算符

运算符	例子	text1	text2	text3
+	text3 = text1 + text2	"Good "	"Morning"	"Good Morning"
+=	text1 += text2	"Good Morning"	"Morning"	""

5) 比较运算符

比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。

给定 x=5, 下表5-5展示了比较运算符的使用：

表 5-5比较运算符

运算符	描述	比较	结果
==	等于	x == 8	false
==	等于	x == 5	true
===	值及类型均相等（恒等于）	x === "5"	false
===	值及类型均相等（恒等于）	x === 5	true
!=	不等于	x != 8	true
!==	值与类型均不等（不恒等于）	x !== "5"	true
!==	值与类型均不等（不恒等于）	x !== 5	false
>	大于	x > 8	false
<	小于	x < 8	true
>=	大于或等于	x >= 8	false