JavaScript语法基础01

一.变量

在JavaScript中，给一个变量命名，我们需要遵守以下两个原则：

• 变量由字母、下划线、$、数字组成，不能以数字开头
• 变量不能是系统关键字和保留字

123n      //不能以数字开头
continue  //不能是系统关键字
-study    //不能包含中划线
my-title  //不能包含中划线

变量的使用：

1. 变量的声明
2. 变量的赋值

变量的声明：var 变量名=值；

//练习：声明多个变量分别保存语文，数学，总成绩；打印出总成绩。
var chinese=70;
var math=60;
var total=chinese+math;
console.log(total);

变量赋值：变量声明后，如果未赋值，则保存的值为undefined(未定义)

二.常量

用于存储固定不变数据，使用const关键字声明，声明的同时必须赋值，不允许重新赋值

//常量
const PI=3.14;
//PI=3.1415;
console.log(PI);

三.数据类型-基本数据类型

数据类型分为两种：一种是‘基本数据类型’，另一种是‘引用数据类型’，基本数据类型有五种，分别是数值型、字符串型、布尔型、未定义型和空值，而常见的引用数据类型有两种，分别是数组、对象

//数值型
var a=1;
console.log(a);  //输出1 这是一个数字

//字符串型
var str='1';
console.log(str);  //输出'1' 这是一个字符串

//布尔型(真的或者假的)
//布尔类型的值只有两个true和false，最大的用途是选择结构的条件判断
//常用于记录当前的状态，例如是否登录，是否注册，是否为会员...

//未定义型
var n;
console.log(n);  //输出undefined

//空值
//只有一个值null，类型是object，常用于和对象(引用类型)数据一起使用

四.运算符

常见的运算符有以下5种，算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符

算数运算符

运算符	说明	举例
+	加	10+5          //返回15
-	减	10-5           //返回5
*	乘	10*5           //返回50
/	除	10/5            //返回2
%	取余	10%4          //返回2
++	自增	var i=10；i++    //返回11
--	自减	var i=10；i--      //返回9

• 数字+数字=数字
• 字符串+字符串=字符串
• 字符串+数字=字符串

var num=10+4;  //输出14
var str="WEB"+"2008";  //输出"WEB2008"
var str="今年是"+2020;  //输出"今年是2020"

 自增与自减：

var  a=1;
// var b=a++;  //先把a的值赋给b，然后a再执行自增
// var c=++a;  //先让a执行自增，然后把自增后的结果赋给c

赋值运算符

运算符	举例
=	var str='您好!'
+=	var a+=b   =>var a=a+b
-=	var a-=b    =>var a=a-b
*=	var a*=b    =>var a=a*b
/=	var a/=b    =>var a=a/b

比较运算符

运算符	说明	举例
>	大于	2>1  //返回true
<	小于	2<1  //返回false
>=	大于等于	2<=2  //返回true
<=	小于等于	2>=2  //返回true
==	等于	1==2  //返回false
!=	不等于	1!=2   //返回true

逻辑运算符

运算符	说明
&&	"与"运算   //两真为真
||	"或"运算   //一真为真
!	"非"运算   //取反，跟你唱反调
短路逻辑	&&  当第一个条件为false，就不再执行第二个条件 ||     当第一个条件为true，就不再执行第二个条件

条件运算符

var a=条件  ?  表达式1   ：  表达式2;

==    只是比较值是否相同，可能发生数据类型转换
===   不仅比较值，还会比较类型
在比较相等或者不等推荐使用 ===  和  !==
  

练习： 
  3>'10'   //false
   字符串隐式转换为数值


  '3'>'10'  //true
   字符串比较，比较的是首个字符的Unicode码
     3->51   1->49


  3>'10a'  //false


  3<'10a'  //false


  3=='10a'  //false


  '10a'转为NaN，NaN和任何值比较（>  <  ==  >=  <=  ===）都是false

  NaN==NaN  //false