JS执行机制、location、history对象、正则表达式

最新推荐文章于 2022-11-30 10:20:40 发布

Yue-Baekhyun

最新推荐文章于 2022-11-30 10:20:40 发布

阅读量771

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_61561066/article/details/125343332

版权

本文详细介绍了JavaScript的执行机制，包括同步执行、异步执行和执行栈与任务栈的概念。同时，文章讲解了location对象的url属性和常用属性，以及history对象的属性和方法。重点探讨了正则表达式的定义、创建、模式修饰符、边界符、预定义符、量词符等关键概念，并给出了实例和身份证号码验证的练习。

摘要由CSDN通过智能技术生成

一、JavaScript的执行机制

1、JavaScript的基本认识

（1）JavaScript是弱类型语言，其特征为：变量不需要指定类型；变量的类型由变量的值决定。

（2）JavaScript是脚本语言：解释执行，效率比较低

（3）单线程：JavaScript程序是单线程的，同一时间只能做一件事

程序：可执行的代码，是静态的

进程：进程是程序的一次动态运行

线程：是更小的进程

2、同步执行

同步：前一个任务执行结束后再执行后一个任务，程序顺序和任务的排列顺序一致

console.log(1)
console.log(2)
console.log(3)

按照顺序，直接打印出1、2、3

3、异步执行

异步：做一件事情的同时可以去处理其他事情

console.log(1)

setTimeout(function(){
    console.log(3)
},3000)

console.log(2)

直接打印出数字1、2，数字3在3秒钟之后被打印出来

4、执行机制

（1）执行栈：主程序的执行流程（单线程的）

（2）任务栈：回调函数（异步执行的函数）

二、location对象

1、url

url：统一资源定位符

格式：协议://主机名（域名）：端口号/路径?参数；

eg1：http://localhost:8089/findAll?id=1002&name=张三；

localhost：代表本地机，对应的ip地址是127 . 0 . 0 . 1

?：是分隔符，将路径和参数分开；

&：分隔符，将参数与参数分开；

id和name是参数名：是可变的；

1002和张三是参数值

eg2：http://www.hao123.com --->http://www.hao123.com:80/index.html

http：协议；

www . hao123 . com：域名代表主机（主机名），也可以是ip地址；

80：端口号/路径（默认）；

index . html：是默认的文件名。

2、常用属性

location . href	完整的url
location . search	url中 ‘ ? ’ 之后的部分（query部分）
location . host	代表主机名和端口号
location . hostname	主机名

eg：先建立一个index.html程序文件，模拟一个简单的服务器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务器</title>
</head>
<body style="text-align: center;">
    <div></div>
    <script>
        console.log(location.search)  //输出url中query(?后面的部分)
        let params = location.search.substr(1) //截取子串：从索引1的位置开始到串末尾（去掉?）
        console.log(params)

        let arr = params.split('=')  //进行字符串分割，将参数名和参数值分开
        console.log(arr)

        document.querySelector('div').innerHTML = arr[1] + '!欢迎您!'

        console.log('主机名：',location.hostname)
        console.log('端口号：',location.port)
        console.log('协议：',location.protocol)
        console.log('',location)
    </script>
</body>
</html>

重新建立一个003 . html