区别ES3ES5和ES6this的指向问题。区分普通函数和箭头函数中this的指向问题

最新推荐文章于 2023-03-15 22:26:06 发布

weixin_30618985

最新推荐文章于 2023-03-15 22:26:06 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/luxiaoyao/p/8541625.html

本文通过示例对比了ES3与ES6中this关键字的指向差异：ES3中this指向函数运行时的调用对象；而在ES6箭头函数中，this则指向函数定义时的上下文对象。

ES3 ES5this的指向问题 this指的是该函数被调用的对象

      var foo = function () {
          this.a = 'a',
          this.b = 'b',
          this.c = {
            a: 'new a',
            b: function () {
              //new a 此时this指的是该函数被调用的对象
              return this.a;
            }
          }
      }
      console.log(new foo().c.b()); //new a

ES6的箭头函数箭头函数的this指的是定义时this的指向，b在定义时，this指向的是c被定义时的函数

    var foo = function () {
          this.a = 'a',
          this.b = 'b',
          this.c = {
            a: 'new a',
            b: () => {
              //a 箭头函数的this指的是定义时this的指向，b在定义时，this指向的是c被定义时的函数，
              return this.a;
            }
          }
      }
      console.log(new foo().c.b()); //a

转载于:https://www.cnblogs.com/luxiaoyao/p/8541625.html