第十六篇博客

1. 闭包的特性有哪些？有什么优点缺点？

               // ①函数嵌套函数

               // ②函数内部可以引用函数外部的参数和变量

               // ③参数和变量不会被垃圾回收机制回收

   // 优点

               // ①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发               生命名冲突

               // ②在内存中维持一个变量，可以做缓存（但使用多了同时也是一                     项缺点，消耗内存）

               // ③匿名自执行函数可以减少内存消耗

   // 缺点

               // ①其中一点上面已经有体现了，就是被引用的私有变量不能被销               毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变                量后手动为它赋值为null；

               // ②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以               通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，                来减轻对执行速度的影响

2. 什么是同步任务？什么是异步任务？

3. 同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务

               异步：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行

4. 什么是宏任务？什么是微任务？有什么特性？

5. 宏任务有哪些：script(整体代码), setTimeout, setInterval,

               // 微任务有哪些：process.nextTick, Promise,

   1.宏任务和微任务的任务队列都可以有多个

               // 2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任务队列中取出一个事件。同一次事件循环中，微任务永远在宏任务之前执行。

               // 3.不同的运行环境 循环策略可能有不同，这里探讨chrome、node环境

6. 什么是class继承？

7. // super()特性在extends继承中

               // 1.子类 constructor 方法中必须有 super ，且必须出现在 this 之前

               // 2.调用父类构造函数,只能出现在子类的constructor构造函数

               // 3.调用父类方法, super 作为对象，在普通方法中，指向父类的prototype原型对象，

               // 在子类静态方法中拿取父类静态方法的值,在静态方法中，指向父类

8. 将数组扁平化的方式有哪些

9. flat(Infinity)嵌套数组转一维数组,Infinity

   function func(user){

                   //    let arr1 = [];

                   //    user.forEach((item)=>{

                   //            Array.isArray(item)==false?arr1.push(item):arr1 = arr1.concat(func(item));

                   //    })

                   //    arr = arr1;

                   //    return arr;

                   // }

                   // func(arr);

                   // console.log(arr);

10. 什么是class类

11. 1.class 的本质是 function。

                // 2.不可重复声明。

                // 3.类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。

                // 4.类中方法不需要 function 关键字。

                // 5.方法间不能加分号。

12. 请写出导入导出的所有方式

13. // 第一种

                // import {userName,age} from "./day28.js"

                // 第二种

                // import {userName as aaa} from "./day28.js"

                // 第三种

                // import abc from "./day28.js"

                // 第四种

                // import * as abc from "./day28.js"

    // 第一种

    export {userName,age}

    // 第二种

    // export {userName as names}

    // 第三种

    // export default userName;

14. 请使用js通过get和post调用接口http://index.com数据并接收，get和post传id=99

15. get方式

    let http = new XMLHttpRequest();

    http.open("get","http://index.com?id=99");

    http.send();

    http.onreadystatechange = function(){

                      if(http.readyState==4 && http.status==201){

                            console.log(JSON.parse(http.responseText));

                      }

                }

    Post方式

    let http = new XMLHttpRequest();

    http.open("post","http://index.com");

    表单格式

          //http.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

                // http.send(JSON.stringify(`id=99`));

                JSON格式

                // http.setRequestHeader("Content-Type","application/json")

                // http.send(JSON.stringify({

                //    "id":99

                // }))

    http.onreadystatechange = function(){

                      console.log(JSON.parse(http.responseText));

          }