前端面试第二期ES6——每日三题

 提示：没有打牢基础记得充电哦！

---

第一题：箭头函数的this指向哪里？

解析：箭头函数不同于传统的JavaScript中的函数，箭头函数并没有属于的this，所谓的this是捕获其所在上下文的this值，作为自己的this值，所以不会被new调用，这个this也不会被改变。

实例：Babel理解箭头函数

//ES6

const obj = {
    getArrow() {
        return() => {
            console.log(this === obj);
          };
        }
    } 

转化后：

//ES5

var obj = {
    getArrow: function getArrow() {
        var _this = this;
        return function () {
            console.log (this === obj);
            };
        }
    }

---

第二题：ES6如何转ES5？

解析：使用Babel转码器，Babel的配置文件为.babelrc，存放在项目的根目录下。使用它的第一步就是配置该文件。