javaScript（二）：javaScript基础语法

1、javaScript变量定义

定义变量

• ES5定义变量

var 变量名 = 变量值;

• ES6定义变量

let 变量名 = 变量值;
const 常量名 = 常量值;

区别：

1. ES5方式语法不严谨，使用范围不受代码块限制
2. ES6新增了let关键字来定义变量，它的用法类似var，但是所声明的变量，只在let关键字所在的代码块内有效，且不允许重复声明
3. ES6新增了const关键字，用来声明一个只读常量，一旦声明，常用的值就不能改变

代码演示

// ES5定义变量
<!--会发现，它可以定义两次a变量，在ES6就不能这样做-->
var a = 10;
var a = 20;
document.write(a+"<br/>")

// ES6定义变量
let b = 10;
document.write(b+"<br/>");

// JS是弱类型语言
<!--可以任意赋值任意类型的变量-->
b = "我被赋值为字符串了"
document.write(b+"<br/>");

// 常量 (常量不能修改)
const c = 20;
document.write(c+"<br/>");
// c = 30; 不能进行重新赋值

2、JavaScript五种数据类型

五种类型

类型	说明
number	数值型：包含整数、小数
boolean	布尔型：包含true/false
string	字符串：包含字符和字符串
object	对象类型：包含系统内置对象和用户自定义的对象，NULL也是对象
undefined	未定义的类型，未知的类型 没有使用=赋值

查询变量名所属类型函数

方法1：typeof 变量名
方法2：typeof(变量名)

代码演示

// number: 数值型, 整数和小数都行
let a = 10;
document.write(typeof a+"<br/>");

// boolean: true/false
let flag = true;
document.write(typeof(flag)+"<br/>");

// string: 字符串 在js中""包裹的内容和''包裹的内容都是字符串.
let str01 = "字符串01";
let str02 = '字符串02';
document.write(typeof(str01)+"<br/>");
document.write(typeof(str02)+"<br/>");

// object: 对象类型
// 自定义JS对象: {键1:值1, 键2:值2}
let person = {
    
    
    name:"小林",
    age:18,
    sex:"男",
    //调用对象，这段看不懂可以先跳过
    eat:function (){
    
    
        document.write(this.name+"在吃饭"+"<br/>");
    }
}
//调用对象的属性
document.write(person.name + "在吃饭" + person.age+"<br/>");
//调用对象的方法
person.eat()

document.write(typeof person + "<br/>")

// null表示对象类型, null是对象类型的默认值.
let e = null;
document.write(typeof e +"<br/>");

// undefined: 未定义 没有给变量赋值
let f;
document.write(typeof f)

3、JavaScript常用运算符

3.1、算术运算符

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

例如：

let a = 5,b = 10;

运算符	说明	表达式	值
+	加法	a + b	15
-	减法	a - b	-5
*	乘法	a * b	50
/	除法	a / b	0.5
%	余数(取模)	a % b	5
++	自增	a++	6
–	自减	a–	4

注意事项：

• JavaScript中除法是可以除的尽，如果除不尽会保留16位小数

3.2、赋值运算符

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

例如：

let a=5, b=10;

运算符	说明	表达式	值
=	等于	a = b	10
+=	加等于	a += b	15
-=	减等于	a -= b	-5
*=	乘等于	a *= b	50
/=	除等于	a /= b	0.5
%=	余等于	a %= b	5

3.3、比较运算符

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

例如：

let a=5,b=10;

运算符	说明	表达式	值
==	等于(比较值，不比较类型)	a=5,b=“5”,则：a == b	true
===	恒等于（比较值和类型）	a=5,b=“5”,则：a === b	false
>	大于	a > b	false
<	小于	a < b	true
>=	大于或等于	a >= b	false
<=	小于或等于	a <= b	true
!=	不等于	a != b	true
!==	恒不等于	a!==b	true

注意事项：

• 字符串与数字进行比较的时候会先把字符串转换成数字然后再进行比较

3.4、逻辑运算符

逻辑运算符用来确定变量或值之间的逻辑关系，支持短路运算

例如：

let a=true, b=false;

运算符	说明	表达式	值
&&	与	a && b	false
||	或	a || b	true
!	非	!a	false

注意事项：

• 逻辑运算符不建议单与&、单或|, 会变成数字。