更新文档

Author: zhoubichuan

src/.vuepress/sidebar.js

@@ -17,18 +17,21 @@ const sidebar = {
   ],
   "/1.base/2.ECMAScript6/": [
     "1.index",
-    "1.scope",
-    "2.constant",
-    "3.deconstruction",
+    "1.let",
+    "2.const",
+    "3....",
     "4.string",
     "5.function",
     "6.object",
+    "6.array",
     "7.class",
     "8.general",
     "9.collect",
     "10.module",
     "11.promise",
-
+    "12.async",
+    "13.proxy",
+    "14.module"
   ],
   "/1.base/3.JavaScript/": [
     "1.index",

src/1.base/1.ECMAScript/1.index.md

@@ -14,11 +14,22 @@ meta:
 通过此处的学习，掌握 ECMAScript 的基础知识
 :::
 
-语法  -->  表达式  --> 语句 --> 代码执行
+语法 --> 表达式 --> 语句 --> 代码执行
 
+## 1.环境配置
+
+- 安装`node`
+
+## 1.编辑器
+
+- 安装`vscode`
+
+## 3.插件配置
+
+- 安装`run code`
 
 ### 流程图示例
- 
+
 @flowstart
 st=>start: Start:>http://www.google.com[blank]
 e=>end:>http://www.google.com
@@ -36,7 +47,6 @@ para(path1, bottom)->sub1(right)->op1
 para(path2, top)->op1
 @flowend
 
-
 @flowstart
 process=>operation: Operation
 e=>end: End
@@ -120,7 +130,6 @@ para(path1, bottom)->sub1(right)->op1
 para(path2, top)->op1
 @flowend
 
-
 @flowstart pia
 st=>start: Start:>http://www.google.com[blank]
 e=>end:>http://www.google.com

src/1.base/1.ECMAScript/10.var.md

@@ -18,7 +18,7 @@ meta:
 
 作用域就是一个变量作用的范围。也就是你声明一个变量以后，这个变量可以在哪些范围下使用，var 声明的变量 只有`全局作用域`和`函数作用域`
 
-`var` 没有块级作用域，定义后在当前的闭包中都可以访问，如果变量名重复，就会覆盖前面定义的变量，并且也有可能被其他人修改
+`var` 没有`块级作用域`(封闭作用域)，定义后在当前的闭包中都可以访问，如果变量名重复，就会覆盖前面定义的变量，并且也有可能被其他人修改
 
 语句后面的代码块`{}`中`var`声明的变量的作用域就不是`函数作用域`
 
@@ -47,6 +47,97 @@ for (var i = 0; i < 3; i++) {
 
 `var`声明变量是在函数最外部，那么此变量作用域就是全局作用域下的变量，全局都能使用这个变量
 
+var 不支持封闭作用域，如果不是在函数里声明的变量会声明到全局作用域（window）上,在代码块中的变量外部也可以访问，而且还是放到全局作用域上面
+
+```js
+for (var i = 0; i < 3; i++) {
+  console.log(i)
+}
+console.log(i)
+console.log(window.i)
+// 0
+// 1
+// 2
+// 3
+// 3
+```
+
+::: tip 解决方式一：使用自执行函数将其声明在函数作用域内
+
+```js
+;(function () {
+  for (var i = 0; i < 3; i++) {
+    console.log(i)
+  }
+})()
+console.log(i)
+console.log(window.i)
+// 0
+// 1
+// 2
+// Uncaught ReferenceError: i is not defined
+// at <anonymous>:6:13
+```
+
+:::
+
+::: danger 问题二： 异步的问题
+由于代码块中的代码是异步的，会被放到异步队列中执行，当代码把任务队列中的同步代码执行完毕后 i 赋值为 3，然后执行异步队列中的代码，拿到的 i 是 3
+:::
+
+```js
+for (var i = 0; i < 3; i++) {
+  setTimeout(function () {
+    console.log(i)
+  }, 1000)
+}
+// 3
+// 3
+// 3
+```
+
+::: tip 解决方式
+解决异步的问题
+
+```js
+for (var i = 0; i < 3; i++) {
+  ;(function (i) {
+    setTimeout(function () {
+      console.log(i)
+    }, 1000)
+  })(i)
+}
+// 0
+// 1
+// 2
+```
+
+:::
+
+### 2.1 全局变量
+
+- 在 if 或者 for 循环中声明的变量会变成全局变量
+
+```js
+for (var i = 0; i <= 5; i++) {
+  console.log("hello")
+}
+console.log(i) //5
+```
+
+### 2.2 变量覆盖
+
+```js
+var a = 1
+function fn() {
+  console.log(a)
+  if (false) {
+    var a = 2
+  }
+}
+fn() //undefined
+```
+
 ## 3.函数作用域
 
 `var`声明的变量是在函数代码块`{}`中声明的，那么此变量的作用域就是函数作用域下的变量，只能被此函数和函数内部的函数使用

src/1.base/1.ECMAScript/4.type.md

@@ -33,36 +33,6 @@ meta:
 
 #### 2.2.2 slice
 
-#### 2.2.3 includes
-
-- includes
-- startsWith
-- endsWith
-
-```js
-var url = "http://www.xiaomingxuexi.cn"
-console.log(url.includes("xiaomingxuexi"))
-console.log(url.startsWith("http://")) //以 xx 开头
-console.log(url.endsWith(".png")) // 以 xx 结尾
-```
-
-#### 2.2.4 padStart
-
-进制转化
-
-```js
-setInterval(function () {
-  let date = new Date()
-  let hour = date.getHours()
-  let minutes = date.getMinutes()
-  let seconds = date.getSeconds()
-  let str = `${hour.toString().padStart(2, 0)}`
-  str += `${minutes.toString().padStart(2, 0)}`
-  str += `${seconds.toString().padStart(2, 0)}` // padStart padEnd
-  console.log(str)
-}, 1000)
-```
-
 ## 3.boolean
 
 ### 3.1 类型转换
@@ -83,6 +53,16 @@ setInterval(function () {
 
 ## 6.object
 
+### 6.1 字面量
+
+```js
+let obj = {}
+```
+
+```js
+let obj = new Object()
+```
+
 ### 6.1 类型转换
 
 ### 6.2 常用方法
@@ -102,6 +82,16 @@ Object.assign(a, { key: 2, o: 3 })
 
 ## 7.array
 
+### 7.1 字面量
+
+```js
+let arr = []
+```
+
+```js
+let arr = new Array()
+```
+
 ### 7.1 类型转换
 
 ### 7.2 常用方法
@@ -257,18 +247,7 @@ let newArr = arr.filter((item) => {
 console.log(newArr)
 ```
 
-#### 7.2.5 find
-
-- 1.查找数据，返回查找的那一项 找到后就不会继续查找
-
-```js
-let f = [1, 2, 3].find((item) => {
-  return item === 5
-})
-console.log(f)
-```
-
-#### 7.2.6 some
+#### 7.2.5 some
 
 - 1.找到后返回 true
 
@@ -279,32 +258,6 @@ let s = [1, 2, 3].some((item) => {
 console.log(s)
 ```
 
-#### 7.2.7 includes
-
-```js
-;[1, 2, 3].includes(3)
-```
-
-#### 7.2.8 from
-
-将类数组转换成数组
-
-```js
-function a() {
-  console.log(eval(Array.from(arguments).join("+")))
-}
-a(1, 2, 3)
-```
-
-常见的类数组 htmlCollection arguments {0:1,1:2,2:3,length:3}
-
-#### 7.2.9 of
-
-```js
-let ary = Array.of(3)
-console.log(ary)
-```
-
 ## 8.function
 
 ### 8.1 函数参数