js中的this指向十分重要,了解js中this指向是每一个学习js的人必学的知识点,

js中的this指向十分重要,了解js中this指向是每一个学习js的人必学的知识点,

  1. 全局作用域或者普通函数中this指向全局对象window。
//直接打印
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指向window
function Person (name) {    console.log(this) // window    this.name = name;}Person('inwe')
//使用newfunction 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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值