美文网首页
js中this指向

js中this指向

作者: LuckySweet123 | 来源:发表于2021-04-10 19:36 被阅读0次

1.this总是指向函数的直接调用者
2.如果有new关键字,this指向new出来的那个对象
3.DOM事件中this指向目标元素
4.箭头函数中的this指向他所在函数级别的作用域


    let p1={name:'p1'}
     let p2={name:'p2'}
     let getName=function(){
         console.log(this,'函数')
     }
     getName()//window
     p1={
         ...p1,
         getName
     }
     p1.getName()//p1
    
     const Cat=function(name,age){
         this.name=name
         this.age=age
        console.log(this,'cat')//Cat
     }
     let c1=new Cat('mimi',2)

指向箭头函数定义时所处的对象,而不是箭头函数使用时所在的对象,默认使用父级的this..箭头函数中的this,首先从它的父级作用域中找,如果父级作用域还是箭头函数,再网上找,如此直至找到this的指向

var a={
    b:function(){
        console.log(this)
  },
    c:{d:()=>{
        console.log(console.log(this))
        }}
}

a.b()//a
a.c.d() //window

相关文章

  • JS进阶篇-this指向问题

    JS中this的指向问题不同于其他语言,JS中的this不是指向定义它的位置,而是在哪里调用它就指向哪里。 JS中...

  • JS中this指向

    一、全局作用域中的thises5与es6中严格模式与非严格模式全局函数的this都指向window 二、全局作用域...

  • JS中this指向

    函数有4种调用方式,对应就有4种绑定规则:默认绑定、隐式绑定、硬绑定和构造函数绑定。 1、默认绑定 当作为普通函数...

  • js中this指向

    1.this总是指向函数的直接调用者2.如果有new关键字,this指向new出来的那个对象3.DOM事件中thi...

  • JS中this指向

    (1)事件调用环境:谁触发事件,函数里面的this指向就是谁(某个DOM)。 (2)node全局环境:this指向...

  • js中this指向

    当我们需要把函数当做另外函数参数传入时,我们使用箭头函数。 关于this的指向。 问题:箭头函数中的this是如何...

  • 关于js函数中this的指向的问题

    @(javascript)[JavaScript中this的指向] 关于js函数中this的指向的问题 javas...

  • JS中this的指向

    什么是this? 它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。 JS中this的指向,取...

  • JS中this的指向

    JS中this的指向 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展思考 7.参考...

  • JS中this的指向

    1、普通函数中this的指向( 普通函数中的this指针指向于调用者) 2、定时器中的this的指向 3、在对象...

网友评论

      本文标题:js中this指向

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