JS-基础03

大猩猩爱吃薯片

已于 2023-11-12 11:32:57 修改

阅读量48

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-11-10 21:46:47 首次发布

本文链接：https://blog.csdn.net/zxzx1289/article/details/134341416

版权

1、数据类型

1.2基本数据类型

number数字型

string字符串型

boolean布尔型

undefined未定义型

null空类型

1.2.1数据类型-数字类型（number）

即我们数学中学习到的数字，可以是整数、小数、正数、负数。

在JavaScript中的正数、负数、小数等统一称为数字类型。

数字可以有很多操作，比如，乘法*、除法/、加法+、减法-等等，所以经常和算术运算符一起。

数学运算符也叫 算术运算符 ，主要包括加、减、乘、除、取余（求模）。

+：求和

-：求差

*：求积

/：求商

%：取模（取余数通常来判断某个数字是否能被整除）

运算规律：先乘除后加减，有括号先算括号里面的~~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		console.log(2+1*3)
	    console.log('张鑫'-2)//Nan
	</script>
	</body>
</html>

NaN代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果

1.2.2数据类型-字符串类型（string）

通过单引号（ ''）、双引号（ ""）或反引号( ` ) 包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name = '小明'//单引号
		 let name ="123456"//双引号
		 let name = ''//空字符串
	</script>
	</body>
</html>

注意事项：

1. 无论单引号或是双引号必须成对使用

2. 单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）

3. 必要时可以使用转义符 \，输出单引号或双引号

字符串拼接：

场景： + 运算符可以实现字符串的拼接。

口诀：数字相加，字符相连

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name = '小明'
		 let id ="123456"
		document.write(name + id)
	</script>
	</body>
</html>

使用场景 ：1.拼接字符串和变量

2.在没有它之前，要拼接变量比较麻烦

语法： `` (反引号)

在英文输入模式下按键盘的tab键上方那个键（1左边那个键）

内容拼接变量时，用 ${ } 包住变量

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name = '小明'
		 let id ="123456"
		document.write('大家好，我叫'+name)
		document.write(`大家好，我叫${name},我的${id}是`)
	</script>
	</body>
</html>

1.2.3数据类型-布尔类型（boolean）

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name =  true
		 console.log(name)
	</script>
	</body>
</html>

1.2.4数据类型-未定义类型（undefined ）

未定义是比较特殊的类型，只有一个值 undefined。

什么情况出现未定义类型？

只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为 undefined。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name    
		 document.write(name)
	</script>
	</body>
</html>

工作中的使用场景：

1.我们开发中经常声明一个变量，等待传送过来的数据。

2.如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来

1.2.5数据类型-null（空类型）

JavaScript 中的 null 仅仅是一个代表“无”、“空”或“值未知”的特殊值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<script>
		 let name = null
		 document.write(name)
	</script>
	</body>
</html>

null 和 undefined 区别： 1.undefined 表示没有赋值

2. null 表示赋值了，但是内容为空

null 开发中的使用场景： 1.官方解释：把 null 作为尚未创建的对象

2.大白话：将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null