JavaScript typeof, null, 和 undefined、JavaScript 类型转换、正则表达式、错误 - throw、try 和 catch、调试、变量提升

1、typeof 操作符

你可以使用 typeof 操作符来检测变量的数据类型。
在这里插入图片描述

2、null

在 JavaScript 中 null 表示 “什么都没有”。

null是一个只有一个值的特殊类型。表示一个空对象引用。
在这里插入图片描述

3、undefined

在 JavaScript 中, undefined 是一个没有设置值的变量。

typeof 一个没有值的变量会返回 undefined。
在这里插入图片描述

4、JavaScript 类型转换

4.1、JavaScript 数据类型

在 JavaScript 中有 5 种不同的数据类型:

string
number
boolean
object
function

3 种对象类型:

Object
Date
Array

2 个不包含任何值的数据类型:

null
undefined

4.2、typeof 操作符

你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。
在这里插入图片描述

NaN 的数据类型是 number
数组(Array)的数据类型是 object
日期(Date)的数据类型为 object
null 的数据类型是 object
未定义变量的数据类型为 undefined

4.3、constructor 属性

constructor 属性返回所有 JavaScript 变量的构造函数。
在这里插入图片描述

4.4、JavaScript 类型转换

JavaScript 变量可以转换为新变量或其他数据类型:

扫描二维码关注公众号,回复: 6520570 查看本文章
通过使用 JavaScript 函数
通过 JavaScript 自身自动转换

4.5、将数字转换为字符串

全局方法 String() 可以将数字转换为字符串。
在这里插入图片描述

4.6、Number 方法 toString() 也是有同样的效果。

在这里插入图片描述

5、JavaScript 正则表达式

搜索模式可用于文本搜索和文本替换。

5.1、语法

/正则表达式主体/修饰符(可选)

其中修饰符是可选的。
在这里插入图片描述

5.2、使用字符串方法

在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()。

replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

5.3、search() 方法使用正则表达式

search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子串的起始位置。
在这里插入图片描述

5.4、search() 方法使用字符串

search 方法可使用字符串作为参数。字符串参数会转换为正则表达式:
在这里插入图片描述

5.5、replace() 方法使用正则表达式在这里插入图片描述

5.6、正则表达式修饰符

在这里插入图片描述

5.7、正则表达式模式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

5.8、使用 RegExp 对象

在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象。

5.9、使用 test()

test() 方法是一个正则表达式方法。

test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。
在这里插入图片描述

5.10\使用 exec()

exec() 方法是一个正则表达式方法。

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

以下实例用于搜索字符串中的字母 “e”:
在这里插入图片描述

6、JavaScript 错误 - throw、try 和 catch

try 语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

finally 语句在 try 和 catch 语句之后,无论是否有触发异常,该语句都会执行。

6.1、JavaScript try 和 catch

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句 try 和 catch 是成对出现的。
在这里插入图片描述
实例

在下面的例子中,我们故意在 try 块的代码中写了一个错字。

catch 块会捕捉到 try 块中的错误,并执行代码来处理它。
在这里插入图片描述

6.2、finally 语句

finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块。
在这里插入图片描述

6.3、Throw 语句

throw 语句允许我们创建自定义错误。

正确的技术术语是:创建或抛出异常(exception)。

如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
在这里插入图片描述

7、JavaScript 调试

7.1、JavaScript 调试工具

有了调试工具,我们就可以设置断点 (代码停止执行的位置), 且可以在代码执行时检测变量。

浏览器启用调试工具一般是按下 F12 键,并在调试菜单中选择 “Console” 。
console.log() 方法

如果浏览器支持调试,你可以使用 console.log() 方法在调试窗口上打印 JavaScript 值:
在这里插入图片描述

7.2、设置断点

在调试窗口中,你可以设置 JavaScript 代码的断点。

在每个断点上,都会停止执行 JavaScript 代码,以便于我们检查 JavaScript 变量的值。

在检查完毕后,可以重新执行代码(如播放按钮)。

7.3、debugger 关键字

debugger 关键字用于停止执行 JavaScript,并调用调试函数。
开启 debugger ,代码在第三行前停止执行。
在这里插入图片描述

8、JavaScript 变量提升

JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。

JavaScript 中,变量可以在使用后声明,也就是变量可以先使用再声明。

以下两个实例将获得相同的结果:
在这里插入图片描述
在这里插入图片描述

8.1、JavaScript 初始化不会提升

JavaScript 只有声明的变量会提升,初始化的不会。
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43731793/article/details/92400078