JS基础知识点总结

谁借莪１个温暖的怀抱￠ 2024-03-31 10:39 75阅读 0赞

## 1. 正则表达式 ##

正则表达式 通常用于对文本的搜索和文本替换。  
结合 search（）和 replace（）使用；

###### (1) 在search（）中的使用 ######

![在这里插入图片描述][6784863c12264783b0b7d203f88540a1.png]

###### (2) 在 replace （）中的使用 ######

![在这里插入图片描述][23573854967d4d7991287ac00f4558b4.png]

## 2. this的用法 ##

###### (1) 方法中的this ######

this指向 所在方法的对象  
![在这里插入图片描述][9e4b6a4c55f2472481e020adc11a6a56.png]

###### (2) 单独使用this ######

this指向全局对象![在这里插入图片描述][d3a7b0001f5640a79dc672c7a7ebd542.png]

###### (3) 函数中使用this ######

默认情况下，函数指向全局对象![在这里插入图片描述][7cf5bb0e7b704d53b23aac332d818b93.png]  
严格情况下，函数没有绑定到this上  
![在这里插入图片描述][b661bcad83f6406ab4ba27f50b4b07f8.png]

###### (4) 事件中使用this ######

this指向事件对象  
![在这里插入图片描述][04631c4e90c3403e8f359f6ee7c9e8eb.png]

## 3.null和undefined的区别 ##

null 和 undefined 两者都为空值，但是类型不同  
**null** ：object 类型，代表一个空指针 ，即未指向内存中的任何一个对象  
**undefined** : undefined 类型 , 声明了但未赋值  
![在这里插入图片描述][c9ef6e2725ea436faa2dc7483b4c37ff.png]

## 4. 严格模式 ##

严格模式就是通过在 脚本 或 函数的头部添加 \*\*use strict;\*\*表达式来声明  
目的是指定代码在严格条件下执行。  
**(1)** 不允许使用未声明的变量;  
**(2)** 不允许删除变量或对象;  
**(3)** 不允许删除函数;  
**(4)** 不允许变量重名;  
**(5)** 不允许使用八进制;  
**(6)** 不允许使用转义字符;  
**(7)** 不允许对只读属性赋值;  
**(8)** 不允许对一个使用getter方法读取的属性进行赋值;  
**(9)** 不允许删除一个不允许删除的属性;  
**(10)** 变量名不能使用 “eval” 字符串;  
**(11)** 变量名不能使用 “arguments” 字符串;

## 5. 构造函数 ##

在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。  
![在这里插入图片描述][2fe2570493db4437bed3c87c3380c8e1.png]

## 6. 异步编程 ##

**同步编程** 按照代码的顺序逐个执行；  
**异步编程** 不按照代码的顺序，可同时执行，执行效率更高；

js中如果我们设置一个 死循环事件，若执行该事件，则整个网页都会失去响应。为了避免这一问题，我们常常用子线程来完成这些事情，因为子线程具有局限性，我们最终不能将其合并到主线程中。为了解决该问题，JS中异步操作函数通过 回调函数 来实现异步任务的结果处理。

**回调函数**  
回调函数就是一个函数，当启动一个异步任务的时候就告诉它，等完成这个任务之后需要干什么，自己会有始有终。  
![在这里插入图片描述][dda46ccf4a2645d8953a3672b7b448cf.png]

## 7.暂时性死区 ##

![在这里插入图片描述][87b2fd801c3e4a3fa580848e0ae12880.png]  
在这些代码中，存在了全局变量 i ，但是块级作用域里又声明了一个局部变量 i ，导致后者绑定这个块级 作用域，并且 let声明变量在后，此时就产生了赋值报错。  
即在块级作用域中，只要在声明前进行赋值的，都会报错，都属于 变量 i 的死区  
![在这里插入图片描述][059f19dbb8b847ed98e50865fd61cab7.png]

## 8. 立即执行函数 ##

**作用** （1）不必为函数命名，避免了污染全局变量。  
（2）立即执行函数内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量。  
（3）封装变量。  
![在这里插入图片描述][2deb44b3f7ff4dc4b7d9dd6b905f12f7.png]

## 9.节流阀 ##

目的：使一个函数执行完毕了，再去执行下一个函数，使事件不连续触发。

![在这里插入图片描述][283e8290a5fa43088a9dbdec54bf3d2f.png]

[6784863c12264783b0b7d203f88540a1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/da90259973f24941b6dadcecb30fd04c.png
[23573854967d4d7991287ac00f4558b4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/32db09e539274df4a1ad9ddef3c235a4.png
[9e4b6a4c55f2472481e020adc11a6a56.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/6d569c0f321e46cb97d45a2429557cb7.png
[d3a7b0001f5640a79dc672c7a7ebd542.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/413f920ff45e4a6f81099e2a85cf4e1d.png
[7cf5bb0e7b704d53b23aac332d818b93.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/fb97fe7f111f46ff92f6c010b2d163a9.png
[b661bcad83f6406ab4ba27f50b4b07f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/1084a147d95b49e69f0f8357226b5ead.png
[04631c4e90c3403e8f359f6ee7c9e8eb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/de10ac8688e64c488e2b1e64977c15d4.png
[c9ef6e2725ea436faa2dc7483b4c37ff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/803d4f5eb87044aea31e7ce71eaccacc.png
[2fe2570493db4437bed3c87c3380c8e1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/8439f7cc78c248c4be4b57e7b6364c27.png
[dda46ccf4a2645d8953a3672b7b448cf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/e5b5411f9d8b4ea08354f32d8479a36a.png
[87b2fd801c3e4a3fa580848e0ae12880.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/19a0b1940bd44310987f9be67529ecb6.png
[059f19dbb8b847ed98e50865fd61cab7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/2e093d9423d844be9b7f1c13138d5061.png
[2deb44b3f7ff4dc4b7d9dd6b905f12f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/e3f9cdd0773646eab2b8c9cfa0730c0a.png
[283e8290a5fa43088a9dbdec54bf3d2f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/3ed8b932245144008ef7a28fd56b5328.png