this指向

最新推荐文章于 2025-05-14 14:41:23 发布

凌儿~

最新推荐文章于 2025-05-14 14:41:23 发布

阅读量79

点赞数

分类专栏：前端知识文章标签： javascript html5 开发语言

本文链接：https://blog.youkuaiyun.com/rhcjqmm666/article/details/129123518

版权

前端知识专栏收录该内容

15 篇文章

订阅专栏

文章详细介绍了JavaScript中this的四种绑定方式：默认绑定（全局对象），隐式绑定（方法所属对象），硬绑定（使用call/apply），以及构造函数绑定。每种方式都通过示例说明了this指向的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

笔记摘自链接: 视频讲解

绑定方式

默认绑定

函数被调用，this指向全局window对象

function girl (){
  console.log(this);// Window
}
girl()

隐式绑定

this 指向该方法所属的对象

let obj = {
  name:'小王',
  girl:function (){
    console.log(this); // { name: '小王', girl: [Function: girl] }
  }
}
obj.girl()

硬绑定

使用call，apply方法强制修改为this指向call，apply中调用的对象

let obj = {
  name:'小王',
  girl:function (){
    console.log(this);
  }
}
let obj1 = {
  name:'小王1',
}
let obj2 = {
  name:'小王2',
}
obj.girl.call(obj1)// { name: '小王1' }
obj.girl.apply(obj2)//{ name: '小王2' }

构造函数绑定

this 指向实例对象

function sayname(name) {
  this.name = name
  this.sayname = function (){
    console.log(this.name);//小李
  }
}
var name = '小王'
var obj = new sayname('小李')
obj.sayname()