ES6 函数中直接调用this

本文简单记录在ES5方法中this和在ES6方法中this的不同用法;

// ES5
<script>
  export default {
    created() {
      let _this = this
      this.$http.get('api/getNewsList')
      .then(function (res) {
        _this.newsList = res.data
      }, function (err) {
        console.log(err)
      })
    },
    data() {
      return {
        
      }
    }
  }
</script>
// ES6
<script>
  export default {
    created(){
      this.$http.get()
        .then((res)=> {
          this.newsList = res.data
        },(err)=>{
          console.log(err)
        })
    },
    data() {
      return {

      }
    }
  }
</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原博:前端开发者不得不知的 JavaScript ES6 十大特性转载自AlloyTeam:http://www....
    许吉中阅读 4,158评论 1 79
  • ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加...
    cbw100阅读 15,509评论 3 233
  • 个人主观意见整理es6中常用十个特性:1、默认参数2、模版表达式3、多行字符串4、解构赋值5、改进的对象表达式6、...
    lj8023阅读 1,059评论 0 9
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    呼呼哥阅读 3,557评论 0 1
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 473评论 0 1