美文网首页
07-23箭头函数this指向

07-23箭头函数this指向

作者: 每天进步一点点5454 | 来源:发表于2020-07-24 13:54 被阅读0次
  • 使用call方法改变this方法
    // 改变this的指向call方法
    let bar = {
      myname: 'barname',
      test:1
    }
    function fn() {
      this.myname = 'fnmyname'
    }
    fn.call(bar)
    console.log(bar)//{myname: "fnmyname", test: 1}
    console.log(bar.myname) //fnmyname
    console.log(myname) //myname is not defined
  • 通过对象的方式改变函数里的this的指向
    var obj = {
      myage:18,
      objfn:function() {
         console.log(this)//{myage: 18, objfn: ƒ}
      }
    }
    obj.objfn()

相关文章

  • 07-23箭头函数this指向

    使用call方法改变this方法 通过对象的方式改变函数里的this的指向

  • es6 箭头函数的this指向

    箭头函数在创建时确定了this指向。 下方例子中,箭头函数创建时this指向window,调用时也就指向了window

  • REACT 中事件处理函数传递参数的两种方式

    第一种是箭头函数传参 箭头函数没有this指向,默认是继承外部上下的this,所以箭头函数中的this指向的就是组...

  • 箭头函数

    箭头函数 箭头函数能让this的指向固定化 分析:1)第一个setInterval()中使用了箭头函数,箭头函数使...

  • this指向(箭头函数)

    以this的使用场景进行分类: 1.普通函数下,this 的指向 2.构造函数下,this 的指向 3.箭头函数下...

  • JavaScript 胖箭头函数中的this

    在非箭头函数下, this 指向调用其所在函数的对象箭头函数导致this总是指向函数定义生效时所在的对象 以前这种...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

  • 关于箭头函数 this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的函...

  • 关于箭头函数 this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头...

  • 函数的扩展

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

网友评论

      本文标题:07-23箭头函数this指向

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