JavaScript 基础知识

最新推荐文章于 2024-10-01 20:12:28 发布

_L...

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量398

点赞数

分类专栏： JavaScript基础文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_52624519/article/details/121502474

版权

JavaScript基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

作用

控制网页行

书写格式

行内样式：写在标签内部（不推荐）
内嵌样式（内联样式）：

①写在一对head标签中

注意点：如果想用JavaScript代码操作界面上的元素，则不能直接写JavaScript代码，因为默认情况下浏览器会从上到下解析网页，必须加上windows.οnlοad=function(){操作界面元素的JavaScript代码}

windows.onload的含义：等到界面上的元素都加载完完毕在执行{}中的代码

②写到body结束标签的前面
外链样式：写在一个单独的 .js 文件中，再导入进来

常见的输出方式

通过弹窗的形式输出（区分大小写）

alert (需要输出的内容)； // 确定

confirm (需要输出的内容)； // 确定取消

prompt (需要输出的内容)； // 输入框确定取消

注意点：如果需要输出的内容不是数字，那就必须通过单引号或者双引号括起来
通过网页内容区域的形式来输出

document.write (需要输出的内容)；

注意点：如果需要输出的内容不是数字，那就必须通过单引号或者双引号括起来
通过开发者工具控制台的形式来输出

console.log (需要输出的内容)； //普通输出

console.warn (需要输出的内容)； //警告输出

console.error (需要输出的内容)； //错误输出

注意点：如果需要输出的内容不是数字，那就必须通过单引号或者双引号括起来

常量

定义：表示一写固定不变的数据（例如人的性别）

整形常量（整数）
实型常量（小数）
字符串常量（只要由单引号或双引号括起来的就是字符型常量，"666"和"a"也是）
布尔常量（true和false）
自定义常量

const 常量名称 = 常量取值

例：const NUM = 666; //自定义常量不可修改

变量

含义：表示一写可以被修改的数据
定义变量的格式：let 变量名称； var 变量名称；
存储数据的格式: 变量名称 = 需要存储的数据；
从变量中获取存储的数据（输出到控制台）：console.log(变量名称); //快捷键：num.log
注意点：①未初始化的变量中存储的是 undefined

②变量之间可以相互赋值

关键字

定义：被 JavaScript 语言赋予了特殊含义的单词

注意点： ①关键字在开发工具中会显示特殊颜色

②关键字不能用做变量名、函数名

③关键字严格区分大小写，var和Var前者是关键字，后者不是

关键字
break	do	instanceof	typeof	case
else	new	var	catch	finally
return	void	continue	for	switch
while	default	if	throw	delete
in	try	function	this	with
debugger	false	true	null

保留字

定义：JavaScript预留的关键字，虽然现在没有用作关键字，但在以后的升级版本中有可能作为关键字

保留字
class	enum	extends	super	const	export
import	implement	let	private	public	yield
interface	package	protected	static

标识符

定义：标识某些特定内容的符号

命名规则：

不能以数字开头
只能由26个英文字母的大小写、10个阿拉伯数字0~9、下划线、美元符号组成
严格区分大小写，比如text和Text是两个不同的标识符
不可以使用关键字和保留字作为标识符
JS底层保存标识符是实际上是采用Unicode编码，所以理论上讲，所有的UTF-8中含有的内容都可以作为标识符

数据的分类

基本数值类型：

Number （数值类型）

整数和小数都属于数值类型
String （字符串类型）

单引号或双引号括起来的内容都是字符串类型
Boolean （布尔类型）

true & false
Undefined （未定义数值类型）

只有一个取值 undefined
Null （空类型）

引用数据类型：

Object（对象类型）

如何检测数据的类型：

例：利用 typeof 检测123这个常量是属于哪一种数据类型，并将检测的结果保存到 res 这个变量中

let res = typeof 123;

数据类型转换

定义：将一个数据类型转换为其他的数据类型

转换为字符串类型

将Number类型转换为字符串类型
将Boolean类型转换为字符串类型
- Number类型和Boolean类型： 变量名称.toString()；
  
  注意点：①该转换方式是对拷贝的数据进行转换，不会影响到原有数据
  
  ②在控制台中Number类型的数据为蓝色，String类型的数据为灰色
  
  ③不能使用常量直接调用 .toString 方法，因为常量是不能改变的
将undefined类型转换为字符串类型
将null类型转换为字符串类型
- 通过String(常量&变量)；转换为字符串（以上四种均可）
- 通过 变量or常量 + ' ' ; 或 变量or常量 + " " ；转换为字符串（以上四种均可）

转换为数值类型

将字符串类型转换为数值类型
- Number(常量or变量)；（常量或变量为字符串）
  
  注意点：①如果字符串中没有数据，那么转换的结果为0
  
  ②如果字符串中的数据不仅仅是数值，那么转换的结果是NaN（NaN===Not a Number）
将Boolean类型转换为数值类型
- Number(常量or变量)；（常量或变量的取值为true或false）
  
  注意点：布尔类型的true转换为1，false转换为0
将undefined类型转换为数值类型
- Number(常量or变量)；（常量或变量的取值为undefined）
  
  注意点：undefined类型转换为NaN
将null类型转换为数值类型
- Number(常量or变量)；（常量或变量的取值为null）
  
  注意点：null类型转换为0

以上1234还可通过 + 号或 - 号来转换

注意点：此方法会改变数值的正负性，通常使用 +号转换；本质上就是调用了Number函数

例：let str = "123";

let num1 = +str; // 123

let num2 = -str; // -123
以上1234还可通过 parseInt(需要转换的字符串) 或 parseFloat(需要转换的字符串) 来转换

注意点：①parseInt 或 parseFloat 都会从左到右提取数值，一旦遇到非数值就会立即停止，停止的时候如果还没有提取到数值，就会返回NaN 例：let str = "a12px"; let num = parseFloat(str); //提取结果为 NaN

②parseInt 或 parseFloat 都会将传入的数据当做字符串来处理

例：let str = true;

let num1 = Number(str); // 1

let num2 = +str; // 1

let num3 = parseInt(str); //NaN

转换为布尔类型

将字符串类型转换为布尔类型
- Boolean(常量或变量) （常量或变量为字符串）
  
  注意点：只要字符串中有内容都会转换为true，只有字符串中没有内容才会转换为false
将数值类型转换为布尔类型
- Boolean(常量或变量) （常量或变量为数值）
  
  注意点：只有数值0 或者 NaN 会转换为false，其他的都会转换为true
将undefined类型转换为布尔类型
将null类型转换为布尔类型
- Boolean(常量或变量) （常量或变量为undefined或null）
  
  注意点：undefined 和 null 都会转换为false