js 中的this用法

关注

转载最新推荐文章于 2026-08-30 06:38:21 发布 580 阅读 AI 写同款· GEO 优化 ›

在没有信用卡的情况下怎么申请谷歌云（Google Cloud）？这笔额度足够用来跑一台云服务器、部署小型网站，甚至可以尝试 AI、机器学习等项目。但问题来了——想要拿到这 300 美元，你必须先通过支付方式验证。默认选项就是绑定一张国际信用卡（Visa、MasterCard 之类），然而不少人没有信用卡，或者信用卡无法支持国际支付，结果就卡在注册第一步。很多人会疑惑：既然是送额度，为什么还要绑卡？原因其实很简单：谷歌需要确认你是真实用户，而不是批量注册薅羊毛；通过支付验证，后续如果你用完 300 美元额度，可以直接进行付费使用；阅读详情

js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看：

全局作用域或者普通函数中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

方法调用中谁调用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')
//使用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