JavaScript学习笔记1

JavaScript对象

1、对象的复制和引用
与原始类型相比，对象的根本区别之一是对象是通过‘引用’被存储和复制的，与原始类型相反。字符串、数字、布尔值始终是以整体的形式被复制的。
赋值了对象的变量，存储的不止对象本身，而是该对象在内存中的地址，换言之就是对该对象的引用。
对于对象的引用，我们可以通过其中任意一个引用变量来访问对象并修改它的内容。

想要复制一个对象，需要创建一个新对象，并通过遍历所有现有属性的结构，在原始类型值的层面，将其复制到新对象，来复制已有对象的结构
例如：function cloneDeep = (data:object){
let newObject = {}
for(let key in data){
newObject[key] = data[key]
}
}

我们也可以使用Object.assign方法来实习克隆对象和合并多个对象。
例如：Object.assign(data，[src1,src2])
data是指目标对象，后面的参数是源对象，后面可传递多个参数，返回data。该方法将多有源对象的属性拷贝到目标对象中，如果属性已存在，则会被覆盖。

使用Object.assign方法替代for…in进行简单克隆
let clone = Object.assign({},data)

当对象的属性都是原始类型时，可使用以上方法克隆，但当属性是对其他对象的引用时，我们需要就进行深克隆，检查每个data[key]的值的克隆循环，如果值是一个对象，也要复制它的结构。

深克隆可以通过递归来实现，为了避免重复造轮子，可以使用JavaScript库lodash中的_cloneDeep(obj)来实现。

垃圾回收机制

对于开发者来说JavaScript的内存管理，是自动的、无形的，而我们创建的原始值、对象、函数…都会占用内存，当程序提出要求，系统就会释放内存。

内存泄漏：对于一些不再用到的内存，不能做到及时释放，就称为内存泄漏，如果不能及时释放内存，内存占用越来越高，轻则占用内存，重则导致进程崩溃。

JavaScript中内存管理概念主要的是可达性，可达值是指那些以某种方式可访问或者可用的值，它们一定存储在内存中。JS标记内存中可达的值，通过垃圾处理器，删除掉所有不可达的对象。

常见垃圾回收方法：
1、标记清除：当变量进入环境时，就标为”进入环境“，当变量离开环境时，就标为”离开环境“，标记”离开环境“的就回收内存。这种方法将所有变量都进行标记，进而进行删除操作。
2、引用计数：跟踪记录每个值被引用的次数，每次一个值被引用，则它的计数+1，当引用次数为0，说明没办法引用该值，当垃圾收集器下一次循环运行时，就会释放引用次数为0的内存。

判断内存泄漏，当连续五次执行垃圾回收机制后，内存占用一次比一次大，则存在内存泄漏的情况，需要实时查看内存占用。

对象方法”this“：
在方法中使用this关键字，this指的是当前的对象。两个不同的对象同时调用相同的this，函数内部的this是” . “符号之前的对象。在没有对象声明的情况下，调用this == undefined，在非严格模式下，this是指全局对象。
箭头函数没有this，箭头函数内部使用的this，是外部获取的正常函数。

构造函数

构造函数的规定：函数命名以大写字母开头，它们只能由”new“操作符来执行。构造函数的目的是实现可重用的对象创建代码。

当一个函数被”new“操作符执行时的顺序：
1、一个新的空对象被创建并分配给this，
2、函数体执行，通常它会修改this值，为其添加新属性，
3、返回this值。

通常，构造器没有return，它的任务是将所有必要的东西写入this，并自动转换为结果。如果有return，return返回的是对象，则该对象覆盖this，如果返回的是原始类型，则忽略，仍返回this。

function User （）{} ; let name = new User()

可选链：?.
如果可选链?.前面部分是undefined或者null，则停止运算并返回该部分。三种用法如下：
1、obj?.prop – 如果obj存在则返回obj.prop，否则返回undefined。
2、obj?.[prop] – 如果obj存在则返回obj[prop]，否则返回undefined。
3、obj.method?.() – 如果obj.method存在则调用obj.method()，否则undefined。