箭头函数与普通函数

作者: 痛心凉 | 来源:发表于2017-10-19 21:44 被阅读4次

在代码的执行过程中this的指向发生变化时,普通函数不能识别到它的变化,然而箭头函数就能很好的识别,避开这个误区,下面来看一下吧

普通函数

function fun () {
  var _this=this;
    this.$http.get('api/getNewsList')
    .then(   function ( res) { 
      _this.newsList = res.data
    },  function(err) => {
      console.log(err)
    })
  }

ES6中的箭头函数

function fun () {
  this.$http.get('api/getNewsList')
  .then((res) => {
        this.newsList = res.data
      }, (err) => {
        console.log(err)
    })
  }

相关文章

  • JavaScript深入浅出第1课:箭头函数中的this究竟是什

    摘要: 箭头函数极大地简化了this的取值规则。 普通函数与箭头函数 普通函数指的是用function定义的函数:...

  • es6应该搞清楚的问题

    一、箭头函数与普通functon有什么区别?箭头函数可以完全代替普通functon吗? 1.箭头函数是匿名函数,不...

  • 箭头函数与普通函数的区别你真的明白吗

    箭头函数与普通函数的区别? 构造函数可以使用new 生成实例,那么箭头函数可以吗?为什么?/答: 箭头函数比普通函...

  • 常见前端面试题

    箭头函数与普通函数的区别 箭头函数语法比普通函数更加简洁,但箭头函数中没有arguments,所以形参可以使用展开...

  • es6

    箭头函数与普通函数的区别 箭头函数是匿名函数,不能作为构造函数,不能使用new 箭头函数不绑定arguments,...

  • 箭头函数与普通函数的区别

    箭头函数与普通函数的区别,实质是我们是否理解了箭头函数,在我刚开始接触ES6时,印象中的箭头函数与普通函数的区别就...

  • 普通函数和箭头函数的this指向

    普通函数与箭头函数 普通函数指的是用 function 定义的函数: var hello = function()...

  • ES6箭头函数与普通函数的区别

    一、箭头函数与普通函数的定义方式不同 箭头函数: let fun = () => { console.log(...

  • es6相关

    1.箭头函数与普通函数的区别 箭头函数 let fun = () => { console.log('lala...

  • 函数的扩展

    函数的扩展 箭头函数和普通函数区别箭头函数没有this对象,箭头函数的里的this始终指向定义时所在对象,普通函数...

网友评论

    本文标题:箭头函数与普通函数

    本文链接:https://www.haomeiwen.com/subject/wsipuxtx.html