[ECMAScript] es6对es5有哪些方面的优化呢？

引入了let和const解决了var变量提升带来的问题，同时引入箭头函数解决this访问问题。

function Person(firstname, lastname) {
    this.firstname = firstname;
    this.lastname = lastname;

}
//输出undefined
Person.prototype.getNameInCallback = function () {
    setTimeout(functino(){
        console.log(this.firstname, this.lastname);
    }, 1000);
}
//输出heyanbo
Person.prototype.getNameInCallback = function () {
    setTimeout(functino(){
        console.log(this.firstname, this.lastname);
    }.bind(this), 1000);
}
//输出heyanbo
Person.prototype.getNameInCallback = function () {
let context = this;
    setTimeout(functino(){
        console.log(context.firstname, context.lastname);
    }.bind(this), 1000);
}
//输出heyanbo
Person.prototype.getNameInCallback = function () {
    setTimeout(() => {
      //箭头函数里面的this可以直接当成一个变量，直接从父级作用域链中等变量对象中获取
        console.log(this.firstname, this.lastname);
    }, 1000);
}
var p = new Person('he', 'yanbo');
p.getNameInCallback();

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题