13 丁老师讲解 es6练习题

1. es 全称是? ECMAscript

2. es6之前的作用域有哪些?

• 全局作用域
• 函数作用有

3. es6引入了什么作用域?

• 块级作用域

4. let 和 var的区别?

• let在同一作用域下,不得重复声明
• let 存在暂时性死区
• let 无法变量提升

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

5. set 和 map 的数据结构的区别,底层实现原理是什么?

• set 只存 value 类似数组?
• map 存 key value 类似对象?
• 底层实现原理是 用哈希值计算分类进不同的"桶",
• 分配进每个桶的,用邻接链表

• set 产生类似数组的结构, 里面的值唯一
• map 做字典

6. 如何判断链表里有环?

• 链表里有环的意思是有单位指向序列前面的单位.
• 第一种, 进行遍历, 如果无限循环,就表明有环(哈哈哈,这么答是不是肯定不行?)
• 第二种, 进行遍历,将遍历过的单位放进一个数组里,放进数组之前判断是否已经在数组里存在, 如果全部遍历不存在,表明没有环,如果存在,就表明有环.
• 不过这种方法在数据量比较大的时候,似乎很没效率,

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

• 取一个步长为一, 取一个步长为二 的 指针
• 如果出现两个指针相同, 且不为空, 则表明形成环了.
• 如果形成环, 只要两个指针速度不同,一直绕圈,就会碰到. 好聪明.

7. 判断this指向.
   箭头函数没有this 会绑定最近的非箭头函数作用域中的this
   所以下面的都指向 window?

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/ 错了 这里应该会报错.

这道题错得令人羞愧,

8. 原生的继承怎么写?

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;

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

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);
}

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

14. 利用Promise实现以下需求：
    我们需要做基于三个异步请求任务 A，B,C之后，把他们的返回结果都拿到之
    后，经过简单处理之后在发送最后一次请求，最终得到请求之后的结果。
    （异步请求用setTimeOut模拟）

感觉应该是考察 Promise.all()

      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)
      })