1、垃圾回收机制
内存中的生命周期
1、内存分配
2、内存使用（读写）
3、内存回收，使用完毕之后，垃圾回收器完成
内存泄漏：该回收的，由于某些未知因素，未释放，叫做内存泄漏
栈：数据存在其中会自动释放
堆：对象，根据程序员的操作来决定释放
一、引用计数法
1、记录引用次数
2、计数 ++ 或者 --
3、引用次数为0时，释放内存
原理：跟踪记录每个值被引用的次数。
当垃圾收集器下一次运行时，它就会释放引用次数是0的值所占的内存。
如果一个对象已经没有指向他的引用了，那么就认为不在需要，
循环引用的内存，无法被释放
javascript
let obj1={
uname:"lisi"
}
let a=obj1//存的是内存地址，引用计数为2
a=null//--,引用计数为1
//缺点：占内存消耗； 循环引用问题，内存无法被释放看看这个
两个对象被创建，并互相引用，形成了一个循环。
无法计数无法为0,他们的计数均为1，无法释放，
计数算法考虑到它们互相都有至少一次引用，所以它们不会被回收。
javascript
let obj2={
a:obj3
}
let obj3={
b:obj2
}
obj2 = null二、标记清除
垃圾回收器将定期从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象......从根开始，垃圾回收器将找到所有可以获得的对象和收集所有不能获得的对象。
循环引用不再是问题了
在上面的示例中，函数调用返回之后，两个对象从全局对象出发无法获取。因此，他们将会被垃圾回收器回收。
2、闭包
在 JavaScript 中，闭包会随着函数的创建而被同时创建。
内层函数+外层函数的变量 与函数，内层函数使用了外层函数的变量
javascript
function outer() {
let i = 10
function inner() {
console.log(i)
}
return inner//外部函数调用内部函数实现功能
}
let a = outer()
a()
a() //输出两次10外部可以访问函数内部的变量
闭包会在父函数外部，改变父函数内部变量的值。
下面这个函数，他不是改变了全局变量，而是函数可以访问全局变量并且利用表达式与打印，进行函数内部的输出表达，当出了这块函数，全局变量num还是0.
JavasSript 语言的特别之处就在于：函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。
javascript
let num = 0
function test1() {
num++
console.log(`这是函数调用的第${num}次`)
}
test1()
test1()
num = 300
test1()
闭包函数
一个函数的返回值是一个内部函数，并且这个内部函数调用了父级函数的变量。
javascript
<script>
function outer() {
let num = 0
function inner() {
num++
console.log(`这是函数调用的第${num}次`)
}
return inner
}
let a = outer()
a()
a()
a()
num = 21
a()
</script>
3、Math对象
是一个内置对象，它拥有一些数学常数属性和数学函数方法。
来看看常用的数学成员，更多的成员可以上网查。
|----------------|------------------------------|
| 成员 | 作用 |
| E | 欧拉常数，也是自然对数的底数，约等于 2.718。 |
| PI | 获取圆周率，结果为3.141592653589793。 |
| abs(x) | 返回一个数的绝对值。 |
| sqrt(x) | 获取x的平方根 |
| cbrt(x) | 返回一个数的立方根。 |
| max(x) | 返回零到多个数值中最大值。 |
| min(x) | 返回零到多个数值中最小值。 |
| pow(x,y) | 返回一个数的 y 次幂。 |
| ceil(x) | 向上取整。 |
| floor(x) | 向下取整。 |
| round(x) | 返回四舍五入后的整数。 |
| random | 返回一个 0 到 1 之间的伪随机数。随机数[0,1) |
| log(x) | 返回一个数的自然对数（㏒e，即 ㏑）。 |
| log2(x)/log(x) | 返回一个数以 2或者10 为底数的对数。 |
| sign(x) | 返回一个数的符号，得知一个数是正数、负数还是 0 |
获取n~m的随机数
console.log(Math.floor(Math.random()*((n-m)+1))+m)
4、Date对象
创建Date对象，将返回一个字符串，以下是四种创建方法
let d1 = new Date(); //获取当前时间let d2= new Date(milliseconds); // 参数为毫秒
let d3 = new Date(dateString);
let d4 = new Date(year, month, day, hours, minutes, seconds, milliseconds);
milliseconds 参数是一个 Unix 时间戳，它是一个整数值，表示自 1970 年 1 月 1 日 00:00:00 UTC（the Unix epoch）以来的毫秒数。
dateString 参数表示日期的字符串值。
year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。
javascript
<script>
let today=new Date()
console.log('today='+today)
let d1 = new Date("October 13, 1975 11:13:00")
console.log('d1='+d1)
let d2=new Date("2022-2-17 23:03:46")
console.log('d2='+d2)
let d3=new Date(100000000000)
console.log('d3='+d3)
let d4=new Date(2018,8,19,6,26,21)
console.log('d4='+d4)
</script>
| 方法 | 描述 |
|---|---|
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
| getFullYear() | 从 Date 对象以四位数字返回年份。 |
| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
| getMouth() | 从 Date 对象返回月份 (0 ~ 11)。 |
| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
| getMilliseconds() | 返回 Date 对象的毫秒数 (0 ~ 59)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数（0~999。 |
| parse() | 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 |
| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |
| setFullYear() | 设置 Date 对象中的年份（四位数字）。 |
| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |
| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |
| setMouth() | 设置 Date 对象中月份 (0 ~ 11)。 |
| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setTime() | setTime() 方法以毫秒设置 Date 对象。 |
| setYear() | 已废弃。请使用 setFullYear() 方法代替。 |
| toDateString() | 把 Date 对象的日期部分转换为字符串。 |
| toString() | 把 Date 对象转换为字符串。 |
| toTimeString() | 把 Date 对象的时间部分转换为字符串。 |
| UTC() | 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。 |
举个例子
javascript
<script>
let date=new Date()
console.log(date+'')
let y=date.getFullYear()
console.log(y+'年')
let m=date.getMonth()
console.log(m+'月')
let day = date.getDate()
console.log(day+'号')
// 时分秒
let hh = date.getHours()
let mm = date.getMinutes()
let ss = date.getSeconds()
console.log(hh+'时')
console.log(mm+'分')
console.log(ss+'秒')
let w = date.getDay()
console.log('星期'+w)
console.log(date.toString()+' toString()')
console.log(date.toTimeString()+' toTimeString()')
console.log(date.toDateString()+' toDateString()')
</script>
5、展开运算符
关于数组内全部元素的输出，除了遍历，还有没有不遍历的方法？？
假如有一个数组，你要如何将其中的元素不遍历也可以输出？
javascript
let a=[3,2,11]我想大家一般直接这样：
let c=a[0]
let c1=a[1]
let c2=a[2]
那么问题来了，要是，数组里的元素有上万个呢，虽然有点夸张，但是，它不能被忽视对吧
哈哈，不装了，介绍一下一个运算符，它是三个英文的句号
展开运算符 ：...
不仅是数组，还有字符串也可用
javascript
<script>
let a=[3,2,11]
//...展开运算符，可以把数组与对象展开
document.write(...a+'<br>')//将列表拆开
document.write(Math.max(...a))//不可以接数组与对象，可以是一串数字
</script>
6、获取元素对象
在 HTML DOM 中, 元素对象代表着一个 HTML 元素。
|-----------------------------------|------------------|
| 方法 | |
| document.getElementById() | |
| document.getElementsByClassName() | 返回文档中所有指定类名的元素集合 |
| document.getElementsByName() | |
| document.getElementsByTagName() | 返回指定标签名的所有子元素集合。 |
| Document.querySelector("选择器") | 拿到满足第一个。 |
| querySelectorAll(" ") | 拿到伪数组。 |
javascript
<body>
<p>段落111</p>
<p>段落222</p>
<p>段落333</p>
<p>段落444</p>
<div>你是一个盒子111</div>
<div>你是一个盒子222</div>
<div>你是一个盒子333</div>
<ul>
<li>11111111小li</li>
<li name="k2">2222222小li</li>
<li class="f3">333333小li</li>
<li id="d4">4444444小li</li>
</ul>
<script>
let k2=document.getElementsByName("k2")
console.log(k2)
let f3=document.getElementsByClassName("f3")
console.log(f3)
let d4=document.getElementById("d4")
console.log(d4)
let d=document.getElementsByTagName("div")
let p1=document.querySelector("p")
console.log(p1)
let p2=document.querySelectorAll("p")
console.log(p2)
for (let i in p2) {
console.log(p2[i])
}
</script>
</body>