JavaScript基础（一基本类型）

20岁肌肉金轮

已于 2022-03-03 15:54:35 修改

阅读量159

点赞数 1

文章标签： javascript 开发语言

于 2022-03-03 14:50:41 首次发布

原文链接：https://www.bilibili.com/video/BV1YW411T7GX

版权

JavaScript负责页面中的的行为
它是一门运行在浏览器端的脚本语言。

JS的编写的位置

1.可以编写到标签的指定属性中

<button onclick="alert('hello');">点击按钮弹出警告框hello</button>
<a href="javascript:alert('aaa');">点击超链接弹出警告框aaa</a>

2.可以编写到script标签中 *

<script type="text/javascript">
	//编写js代码
</script>

3.可以将代码编写到外部的js文件中，然后通过标签将其引入

<script type="text/javascript" src="文件路径"></script>

JS中的输出语句

	- alert("要输出的内容");
		- 该语句会在浏览器窗口中弹出一个警告框
		
	- document.write("要输出的内容");
		- 该内容将会被写到body标签中，并在页面中显示
		
	- console.log("要输出的内容");
		- 该内容会被写到开发者工具的控制台中

JS的基本语法

	- 注释
		- 单行注释
			//注释内容
		- 多行注释
			/*
				注释内容
			*/
			
	- JS严格区分大小写	
	- JS中每条语句以分号(;)结尾
	- JS中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化。

标识符
- 在JS中所有的可以自主命名的内容，都可以认为是一个标识符，
是标识符就应该遵守标识符的规范。
- 比如：变量名、函数名、属性名
- 规范：
1.标识符中可以含有字母、数字、_、$
2.标识符不能以数字开头
3.标识符不能是JS中的关键字和保留字
4.标识符一般采用驼峰命名法
xxxYyyZzz

JS中的基本类型

JS中一共分成六种数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- Object 对象
- 其中基本数据类型有
  - String 字符串
    - JS中的字符串需要使用引号引起来双引号或单引号都行
    - 在字符串中使用\作为转义字符

				\'  ==> '
				\"  ==> "
				\n  ==> 换行
				\t  ==> 制表符
				\\  ==> \

		- 使用typeof运算符检查字符串时，会返回"string"

在这里插入图片描述

	- Number 数值
		- JS中所有的整数和浮点数都是Number类型
		- 特殊的数字
			Infinity 正无穷
			-Infinity 负无穷
			NaN 非法数字（Not A Number）
		- 其他进制的数字的表示：
			0b 开头表示二进制，但是不是所有的浏览器都支持
			0 开头表示八进制
			0x 开头表示十六进制
			
		- 使用typeof检查一个Number类型的数据时，会返回"number"
			（包括NaN 和 Infinity）

	- Boolean 布尔值
		- 布尔值主要用来进行逻辑判断，布尔值只有两个
		- true 逻辑的真
		- false 逻辑的假
		- 使用typeof检查一个布尔值时，会返回"boolean"	
	
	- Null 空值
		- 空值专门用来表示为空的对象，Null类型的值只有一个
		- null
		- 使用typeof检查一个Null类型的值时会返回"object"

	- Undefined 未定义
		- 如果声明一个变量但是没有为变量赋值此时变量的值就是undefined
		- 该类型的值只有一个 undefined
		- 使用typeof检查一个Undefined类型的值时，会返回"undefined"

引用数据类型
- Object 对象

基本数据类型（String Number Boolean Null Undefined）
引用数据类型（Object）

类型转换

	- 类型转换就是指将其他的数据类型，转换为String Number 或 Boolean
	- 转换为String
		- 方式一（强制类型转换）：
			- 调用被转换数据的toString()方法
			- 例子：
				var a = 123;
				a = a.toString();
			- 注意：这个方法不适用于null和undefined
				由于这两个类型的数据中没有方法，所以调用toString()时会报错
				
		- 方式二（强制类型转换）：
			- 调用String()函数
			- 例子：
				var a = 123;
				a = String(a);
			- 原理：对于Number Boolean String都会调用他们的toString()方法来将其转换为字符串，
				对于null值，直接转换为字符串"null"。对于undefined直接转换为字符串"undefined"
				
		- 方式三（隐式的类型转换）: *****
			- 为任意的数据类型 +""
			- 例子：
				var a = true;
				a = a + "";
			- 原理：和String()函数一样	
			
	- 转换为Number
		- 方式一（强制类型转换）：
			- 调用Number()函数
			- 例子：
				var s = "123";
				s = Number(s);
			- 转换的情况：
				1.字符串 --> 数字
					- 如果字符串是一个合法的数字，则直接转换为对应的数字
					- 如果字符串是一个非法的数字，则转换为NaN
					- 如果是一个空串或纯空格的字符串，则转换为0
				2.布尔值 --> 数字
					- true转换为1
					- false转换为0
				3.空值 --> 数字
					- null转换为0
				4.未定义 --> 数字
					- undefined 转换为NaN
					
		- 方式二（强制类型转换）：
			- 调用parseInt()或parseFloat()
			- 这两个函数专门用来将一个字符串转换为数字的
			- parseInt()
				- 可以将一个字符串中的有效的整数位提取出来，并转换为Number
				- 例子：
					var a = "123.456px";
					a = parseInt(a); //123
				- 如果需要可以在parseInt()中指定一个第二个参数，来指定进制	
					
			- parseFloat()
				- 可以将一个字符串中的有效的小数位提取出来，并转换为Number
				- 例子：
					var a = "123.456px";
					a = parseFloat(a); //123.456
					
		- 方式三（隐式的类型转换）：
			- 使用一元的+来进行隐式的类型转换
			- 例子：
				var a = "123";
				a = +a;
				
			- 原理：和Number()函数一样	
			
	- 转换为布尔值
		- 方式一（强制类型转换）：
			- 使用Boolean()函数
			- 例子：
				var s = "false";
				s = Boolean(s); //true
			- 转换的情况
				字符串 --> 布尔
					- 除了空串其余全是true
					
				数值 --> 布尔
					- 除了0和NaN其余的全是true
					
				null、undefined ---> 布尔
					- 都是false
					
				对象 ---> 布尔
					- 都是true
		
		- 方式二（隐式类型转换）：	
			- 为任意的数据类型做两次非运算，即可将其转换为布尔值
			- 例子：	
				var a = "hello";
				a = !!a; //true