13 丁老师讲解 es6练习题

"Hello World, Hello Blog"

Posted by wudimingwo on December 15, 2018
  1. es 全称是? ECMAscript
  1. es6之前的作用域有哪些?
    • 全局作用域
    • 函数作用有
  1. es6引入了什么作用域?
    • 块级作用域
  1. let 和 var的区别?
    • let在同一作用域下,不得重复声明
    • let 存在暂时性死区
    • let 无法变量提升

      遗漏: let 能够识别块级作用域,这是核心..

  1. set 和 map 的数据结构的区别,底层实现原理是什么?
    • set 只存 value 类似数组?
    • map 存 key value 类似对象?
    • 底层实现原理是 用哈希值计算分类进不同的”桶”,
    • 分配进每个桶的,用邻接链表
      • set 产生类似数组的结构, 里面的值唯一
      • map 做字典
  1. 如何判断链表里有环?
    • 链表里有环的意思是有单位指向序列前面的单位.
    • 第一种, 进行遍历, 如果无限循环,就表明有环(哈哈哈,这么答是不是肯定不行?)
    • 第二种, 进行遍历,将遍历过的单位放进一个数组里,放进数组之前判断是否已经在数组里存在, 如果全部遍历不存在,表明没有环,如果存在,就表明有环.
    • 不过这种方法在数据量比较大的时候,似乎很没效率,

      链表和数组的区别 链表 地址是 非连续的, 数组的内存是 连续的. 邻接链表 判断有没有环

      • 取一个步长为一, 取一个步长为二 的 指针
      • 如果出现两个指针相同, 且不为空, 则表明形成环了.
      • 如果形成环, 只要两个指针速度不同,一直绕圈,就会碰到. 好聪明.
  1. 判断this指向. 箭头函数没有this 会绑定最近的非箭头函数作用域中的this 所以下面的都指向 window?
    1
    2
    3
    4
    5
    6
    7
    8
    
    let show = () => {
      console.log(this)
    }
    let obj = {show}
    obj.show();/ window
    obj.otherShow = show.bind(obj);/window
    obj.otherShow();/window
    let newObj = new obj.otherShow;/window/ 错了 这里应该会报错.
    

    这道题错得令人羞愧,

  1. 原生的继承怎么写? ```

function Father () {}; function Son () {};

  1. 圣杯模式 function temp () {}; temp.prototype = Father.prototype; Son.prototype = new temp();

  2. 也是圣杯模式? Son.prototype = Object.create(Father.prototype);

  3. Object.setPrototypeOf(Son.prototype,Father.prototype);

4.这种好像不太好, 语义上最好不要动 proto? Son.prototype.proto = Father.prototype;

以上都是实现原型继承,不是实例继承

1
2
3
4
5
6
7
8
9
10
11
12
> 9. ES6中的class关键字声明的类具有什么特性?
> * 不能重复声明
> * 存在暂时性死区
> * 变量声明不提升
> * 必须new 的方式执行 不得直接执行

> 10. 判断字符串中时候包含哪个字符用什么方法?ES中引入了includes,利
用原生语法实现字符串的 includes的功能
> * 可以用 includes, 也可以用 indexOf, lastIndexOf
> * 如果转成数组还可以用 find?
> * 可以用正则?

String.prototype.myIncludes = function (txt) { let reg = new RegExp(txt); return reg.test(this); }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
> 11. 如果想让 arguments,NodeLists以及likeArray这样的类数组,如何使
用数组的方法,有几种?
> * 之前最常用的是 [].slice.call(arguments)
> * 类似的也可以用 [].concat(arguments)
> * es6中的数组扩展符, [...arguments]
> * 好像还有一个静态方法 Array.from(arguments);
> * 最基础的也可以用 for 循环

> 12. 阐述结构赋值的好处
> * 这我才刚学,,也没用过几回啊.
> * 不会说就先来一句这个
> * 节省代码量, 语义化更好

> 13. 通过结构赋值取出下面对象中的特定的值
> 结构赋值,关键是要分清哪个是赋值,哪个是默认值, 哪个是模式, 哪个是变量

let movieList = { start: 0, count: 1, subjects: [{ rating: { max: 10, min: 0, average: 9.6, }, genres: [‘剧情’, ‘喜剧’], casts: 1, title: ‘我不是药神’, }] } 取出里面的 subjects, rating, average, 剧情, 喜剧, 结构

let { subjects, subjects : [{ rating, rating : { average }, genres:[juqing,xiju] }]} = movieList

1
2
3
4
5
6
7
> 14. 利用Promise实现以下需求:
我们需要做基于三个异步请求任务 A,B,C之后,把他们的返回结果都拿到之
后,经过简单处理之后在发送最后一次请求,最终得到请求之后的结果。
(异步请求用setTimeOut模拟)

感觉应该是考察 Promise.all()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
  let p1 = new Promise((res, rej) => {
    setTimeout(() => {
      if(Math.random() - 0.5 > 0) {
        res('123');
      } else {
        rej('-123');
      }
    }, 1000)
  })
  let p2 = new Promise((res, rej) => {
    setTimeout(() => {
      if(Math.random() - 0.5 > 0) {
        res('223');
      } else {
        rej('-223');
      }
    }, 2000)
  })
  let p3 = new Promise((res, rej) => {
    setTimeout(() => {
      if(Math.random() - 0.5 > 0) {
        res('323');
      } else {
        rej('-323');
      }
    }, 3000)
  })

  Promise.all([p1, p2, p3]).then((data) => {
    let sub = "";
    sub = data.reduce((sub, item) => {
      return sub += item;
    })

    return new Promise((res, rej) => {
      setTimeout(() => {
        res(sub + sub);
      }, 1000);
    })

  }, (err) => {
    console.log(err)
  }).then((data) => {
    console.log(data)
  }) ```