一条有梦想的咸鱼

观察者模式和消息订阅与发布模式。本文会简单的梳理一下Vue当中所用到的观察者模式所实现的数据劫持。这个方法接收对象之后进行了一个判断（是否为对象类型），核心劫持的逻辑就在defineReactive这个代码。比如：我要对一个对象进行劫持，检测这个对象某个属性发生了变化，那我需要先有个对象，然后再对这个对象进行劫持。这里的observe方法就是一个观察方法。我是按照我的理解，对数据劫持进行了倒推，方便理解。修改data的name属性就可以出发上面的打印。通过触发这个类，来监听我们想要监听的数据。

【代码】【前端】多行文本擦除效果。

js中的Symbol和BigInt

那么javascript引擎执行代码的时候，会发生的各种错误，可能是语法错误（通常是程序员造成的编码或者错别字）；当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。finally 语句不论之前的 try 和 catch 中是否产生异常都会执行该代码块（相当于一个兜底的代码）。直接来看实例，这个实例简单还原一下表单验证的原理（如果有开发过表单提交验证的可以用这个封装自己的表单验证）语句允许我们定义当 try 代码块发生错误时，所执行的代码块；语句是测试代码块的错误；

这个列表的顶端是当前执行的上下文（即当前的变量对象），下面是外部函数的变量对象，再下面是外部函数的外部函数的变量对象，以此类推，一直到全局执行上下文。变量在函数内声明，变量为局部变量，具有局部作用域。局部的变量只能在函数内部访问。局部变量在函数开始执行的时候创建，函数执行完毕之后局部变量会自动销毁。因为局部变量只能作用在函数内，所以不同的函数可以使用相同名称的变量。在JavaScript中，对象和函数同样也是变量；变量在函数外定义，就是全局变量；函数参数只在函数内起作用，也是局部变量。

的一个例子，本身fetch调用之后返回值是一个Promise,第一种方式，如果请求成功了，调用then方法来获取成功之后的值，切记要调用json()方法，然后调用catch方法兜底处理错误；：Promise对象的状态表示异步操作的状态，一旦状态从pending变为fulfilled或rejected，就不会再改变。这是一个简单的Promise，有兴趣的小伙伴可以改变一下success的值，验证一下失败的打印结果。方法，Promise支持链式调用，使得异步操作的结果可以依次传递和处理，形成清晰的异步流程。

它通常使用回调函数来处理异步操作，并通过设置事件处理程序来监听请求的状态变化。是最早期的浏览器提供的原生API，在后续的使用过程中出现了axios的封装。是ES6新增的全局函数，它的出现旨在替代XHR（但是目前还是使用XHR请求的比较多）。：目前原生fetch API没有提供请求取消的机制，但可以通过其他手段（如AbortController）实现。：通过传递一个配置对象给fetch函数来配置请求，该对象可以包含方法、头、体等信息。：通过直接设置XHR对象的属性和方法来配置请求，如设置请求头、请求体等。

sort()的使用场景

JavaScript数组的操作方法

Set对象是一种特殊的类型，它类似于数组，但是它的元素是唯一的，没有重复的值（所以可以用来对数组进行去重）Map对象保存键值对，而且是有序的，可以记住键的原始插入顺序。任何值都可以作为一个键或者一个值。对象是两种内置的数据结构，是ES6新增的特性，为开发者提供了存储键值对和唯一值集合的能力。此时已经把键值对存到了Map对象里面。使用 .delete({key})方法删除键值对。如果尝试添加相同的元素，那么只会存进去一个；Set对象也是可以迭代的，因此可以循环。使用.delete()方法删除元素；

JavaScript中的闭包是一个强大的概念，它允许函数在其定义范围之外被调用，仍然能够访问其词法环境（包括函数和变量），使用场景： 闭包可以用来创建私有变量。通过在函数内部定义另外一个函数，并将内部函数返回，可以回，并将内部函数返回，可以实现只有通过特定的公开方法才能访问的和操作的私有变量的效果。具有隐藏变量，防止全局变量的污染。在上面的例子中对比一下，假如说在全局定义age，程序的其他地方可能还会处理age，会有被其他地方更改的风险。相反使用闭包之后就不会，涉及到一个变成思想，把处理数据的

JavaScript是一种广泛使用的脚本难于言，主要用于前端开发，也可以用于后端开发。它具有简单、易学、灵活的特点，是Web开发中不可或缺的一部分。它的语法类似于Java和C语言，但是又比前者更为简单，最重要的是JavaScript也支持面向对象编程。JavaScript主要用于增强网页的交互性，以便于开发者能实现各种复杂的交互性和动态性。能实现表单验证、游戏，还可以与服务器进行通信，实现数据的获取和更新。

在工作中呢，其实会涉及到一个人负责几个项目，不同的项目会有不同的node版本不然会出现报错；npm install(i) 这个指令是下载自己项目中所需要的依赖，比如一个项目需要集成 less ，就可以通过指令去下载（或者去less官网会有指令）初始化一个node项目，其实这个在现在的前端当中使用的并不多，因为现在各大框架（Vue、React）下，前端项目会自动构建。因为集成的原因，这两个指令可以放在一块，这两个指令的意思是检查是否安装了node，以及版本。我的这个node版本就是有点低了，哈哈哈。

除了上面描述的新特性以外，还有一些其他的新特性，比如Symbol数据类型、Set数据类型、和Map数据结构、解构赋值，还有Vue3的代理方式Proxy和Reflection等。这些ES6新的特性大大增强了JS的功能和灵活性，是的开发者能够更高校地表写高质量可维护的代码。声明的常量具有不可变的特性（注意，如果常量是一个对象或数组，其内部的属性或元素是可以改变的，只是其引用地址不可变）。迭代器允许你定义自定义的迭代行为，生成器则是一种特殊类型的函数，可以暂停和恢复执行。的功能，解决了传统函数。