JavaScript中This指向问题

1 全局作用域或者普通函数的this指向Windows

//直接打印

console.log(this) //window

//function声明函数

function bar(){ console.log( this ) }

bar() //window

//function声明函数赋给变量

var bar = function(){console.log(this)}

bar() //window

//自执行函数

(function(){console.log(this)})(); //window

2 方法调用中谁调用this指向谁

//对象方法调用

var person = {

    run: function(){console.log(this)}

}

person.run() // person

//事件绑定

var btn = document.querySelector("button")

btn.onclick = function(){

    console.log(this) // btn

}

//事件监听

var btn = document.querySelector("button")

btn.addEventListener('click', function(){

  console.log(this) //btn

})

//jquery的ajax

$.ajax({

    self: this,

    type:"get",

    url: url,

    async:true,

    success: function(res){

        console.log(this) // this指向传入$.ajxa()中的对象

        console.log(self) // window

    }

  });

//这里说明一下,将代码简写为$.ajax(obj) ,this指向obj,在obj中this指向window,因为在在success方法中,独享obj调用自己,所以this指向obj

3 在构造函数或者构造函数原型对象中,this指向构造函数的实例

//不使用new指向windowfunction

Person (name) {

    console.log(this) // window   

    this.name = name;

}

Person('inwe')

//使用new

function Person (name) {

      this.name = name

      console.log(this) //people

      self = this 

}

  var people = new Person('iwen')

  console.log(self === people) //true

//这里new改变了this指向,将this由window指向Person的实例对象people

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容