ES6笔试面试题总结

收集整理的一些ES6的笔试面试题，出处在最底部标明

把以下代码使用两种方法，来依次输出0到9？

 var funcs = []
 for (var i = 0; i < 10; i++) {
    funcs.push(function() { console.log(i) })
 }
 funcs.forEach(function(func) {
    func()
 });
 

• 利用ES5 闭包解决这个问题

  var funcs = []
  for (var i = 0; i < 10; i++) {
     func.push((function(value) {
         return function() {
             console.log(value)
         }
     }(i)))
  }
  

• ES6 let

  for (let i = 0; i < 10; i++) {
     func.push(function() {
         console.log(i)
     })
  }
  

ES6的模板字符串有哪些新特性？

• 基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定
• 在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。ES6反引号(``)直接搞定。

箭头有哪些新特点？

• 不需要function关键字来创建函数
• 省略return关键字
• 继承当前上下文的 this 关键字

以下代码依次输出内容是？

 setTimeout(function() {
  console.log(1)
}, 0);
new Promise(function executor(resolve) {
  console.log(2);
  for( var i=0 ; i<10000 ; i++ ) {
    i == 9999 && resolve();
  }
  console.log(3);
}).then(function() {
  console.log(4);
});
console.log(5);

首先先碰到一个 setTimeout，于是会先设置一个定时，在定时结束后将传递这个函数放到任务队列里面，因此开始肯定不会输出 1 。 然后是一个 Promise，里面的函数是直接执行的，因此应该直接输出 2 3 。 然后，Promise 的 then 应当会放到当前 tick 的最后，但是还是在当前 tick 中。 因此，应当先输出 5，然后再输出 4 。 最后在到下一个 tick，就是 1 。 “2 3 5 4 1”

promise的原理？jquery的ajax返回的是promise对象吗？

promise 只有2个状态，成功和失败，怎么让一个函数无论成功和失败都能被调用？ Promise.all() 是干什么用的，怎么用？

promise.all()的使用：
Promise.all方法用于将多个Promise实例，包装成一个新的Promise实例。
Promise.all方法接受一个数组作为参数，数组里的元素都是Promise对象的实例，如果不是，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例。）

var p =Promise.all([p1,p2,p3]);

p的状态由p1、p2、p3决定，分为两种情况。

当该数组里的所有Promise实例都进入Fulfilled状态，Promise.all**返回的实例才会变成Fulfilled状态。并将Promise实例数组的所有返回值组成一个数组，传递给Promise.all返回实例的回调函数**。
当该数组里的某个Promise实例都进入Rejected状态，Promise.all返回的实例会立即变成Rejected状态。并将第一个rejected的实例返回值传递给Promise.all返回实例的回调函数。

参考

http://www.bslxx.com/a/miansh...