javascript之this关键字

冰暮流星2026-06-12 10:31

this关键字在函数中的用法：

表示的是函数的调用者，指全局对象

javascript 复制代码

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

函数执行后输出的结果是window对象

如果想要在函数中执行同名的全局函数，需要用到this关键字

javascript 复制代码

var a=5
function f1()
{
var a=8
//调用局部变量
console.log(a)
//调用全局变量
console.log(this.a)
//用window.a等价
console.log(window.a)
}
//第一个输出值是局部变量a的值8
//第二个与第三个输出值是全局变量a
//声明变量要用var，不要用let

this关键字在事件中使用，指向事件源，一般是在匿名回调函数中使用

html 复制代码

<button id="btn">点我</button>

先定义一个按钮

然后绑定事件

javascript 复制代码

window.onload=function()
{
document.querySelect("#btn").onclick=function()
  {
    console.log(this)
  }
}

点击按钮后输出结果是

this关键字在构造函数中使用，是用来指向新创建的实例对象

javascript 复制代码

 function student(name,age)
  {
  this.name=name
  this.age=age
  }
//如果没有this,就是自己等于自己，毫无意义