Jq this的指向问题

Posted dainney

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jq this的指向问题相关的知识,希望对你有一定的参考价值。

this指向核心的一句 :哪个对象调用函数,函数里面的this指向哪个对象。

1.第一种情况,这个this指向的是全局对象,因为它是在全局调用的
 var name="abc";
   function test()
  
      console.log(name);//abc
 
test();
2 new这个实例会改变this的指向,因为用new后开辟一个新的内存,然后this会指向新开辟的内存

    var name="小兰";
    function test(name)
     
         this.name=name
         console.log(this.name);//小黑
     
   var windownew=new test("小黑")();




下面两例子可以很明显的对比出来,谁调用的函数this就指向谁,第一个例子很明显是eat这个调用的,所以其this就指向eat的作用域,第二个例子很明显是全局调用,所以this指向全局变量
   var name="小白";
    function Animal(name,age)
                this.name=name;
                this.age=age;
            
            //原型中添加方法
            Animal.prototype.eat= 
              name:"小黄",
              methodone:function()
                console.log(this.name)//小黄
              ,
              methodtwo:function()
                console.log(this.name)//小白
                                    
            ; 
            var dog=new Animal("小苏",20);
        var dogtwo=dog.eat.methodtwo;
        dog.eat.methodone(); 
        dogtwo();

 


以上是关于Jq this的指向问题的主要内容,如果未能解决你的问题,请参考以下文章

DOM元素属性值如果设置为对象

JQuery源码解析-添加JQuery的一些方法和属性

在JQ中关于this

angularjs怎么传递this对象

jQuery的链式调用原理,Promise的链式调用,this的问题

自定义JQ事件,对input输入框内容进行实时监听-韩烨