JavaScript基本数据类型

JavaScript基本数据类型

目录

• JavaScript基本数据类型
  • 1、变量的定义
  • 2、变量的命名规范
  • 3、基本数据类型
    • 3-1 值类型
    • 3-2 引用类型
  • 4、运算符
    • 4-1 算数运算符
    • 4-2 赋值运算符
    • 4-3 比较运算符
    • 4-4 逻辑运算符
    • 4-5 三目运算符

1、变量的定义

JS中定义变量，不同于Python，我们需要像Python定义函数那样，也需要用特定的关键词来定义变量：

ES5语法，我们采用var关键词定义变量，并且没有常量的概念

ES6语法，我们采用let关键词定义变量，用const关键词定义常量

注：我们不需要像Python那样切换解释器版本来区别到底该书写什么版本语法的代码，在一个JS文件中我们可以同时书写两种语法的JS代码，浏览器都可以自动帮我们解析并运行。

// ES5定义变量：var是关键词、num是变量名、=为赋值符、10为变量值、;为JS语言语句的结束标识符
var num = 10;

// ES6定义变量
let count = 100;

const PI = 3.14;

2、变量的命名规范

/*
1. 由字母，数字，_，$组成，不能以数字开头（可以包含中文字符）
2. 区分大小写
3. 不能出现关键字及保留字
*/

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

3、基本数据类型

JS语言中基本数据类型分值类型与引用类型两部分。

3-1 值类型

// 数字类型：number
var num = 10;
const PI = 3.14;
console.log(typeof(num), num);  // 结果：number  10

// 字符串类型：string
var s1 = "双引号可以表示字符串";
var s2 = '单引号可以表示字符串';
console.log(typeof(s1), s1);  // 结果：string  双引号可以表示字符串

// 布尔类型：boolean
var b1 = true;
var b2 = false;
console.log(typeof(b1), b1);  // 结果：string  双引号可以表示字符串

// 未定义类型：undefined
var u1;
var u2 = undefined;
console.log(typeof(u1), u1);  // 结果：undefined  undefined

3-2 引用类型

// 函数类型：function
function fn1() {}
var fn2 = function() {};
console.log(typeof(fn1), fn1);  // 结果：function  ƒ fn1() {}

// 对象类型：object
var obj1 = {}
console.log(typeof(obj1), obj1);  // 结果：function  {}

// Array对象类型：
var arr1 = [1, 2, 3, 4, 5]
console.log(typeof(arr1), arr1);  // 结果：object  (5) [1, 2, 3, 4, 5]

4、运算符

4-1 算数运算符

前提：n = 5

运算符	描述	例子	x结果	n结果
+	加法	x=n+2	7	5
-	减法	x=n-2	3	5
*	乘法	x=n*2	10	5
/	除法	x=n/2	2.5	5
%	取模(余数)	x=n/2	1	5
++	自增	x=++n	6	6
x=n++	5	6
--	自减	x=--n	4	4
x=n--	5	4

4-2 赋值运算符

前提：x=5，y=5

运算符	例子	等同于	运算结果
=	x=y		5
+=	x+=y	x=x+y	10
-=	x-=y	x=x-y	0
*=	x*=y	x=x*y	25
/=	x/=y	x=x/y	1
%=	x%=y	x=x%y	0

4-3 比较运算符

前提：x=5

运算符	描述	比较	结果
==	等于	x=="5"	true
===	绝对等于	x==="5"	false
!=	不等于	x!="5"	fales
!==	不绝对等于	x!=="5"	true
>	大于	x>5	false
<	小于	x<5	false
>=	大于等于	x>=5	true
<=	小于等于	x<=5	true

4-4 逻辑运算符

前提：n=5

运算符	描述	例子	结果
&&	与	x=n>10&&++n	x=false,n=5（短路）
||	或	x=n<10||n--	x=true,n=5（短路）
!	非	x=!n	x=false,x=5

4-5 三目运算符

// 结果 = 条件表达式 ? 结果1 : 结果2;
// 语法规则：条件表达式成立，将结果1赋值给结果，反正赋值结果2

// 案例：
var weather = prompt("天气(晴|雨)");  // 文本输入弹出框
var res = tq == '晴' ? "今天天气挺好" : "请假回家收衣服";
console.log(res);  // 今天天气挺好