Javascript中的this关键字指向

  • this关键字介绍

  • 不同情况下的this

      • 1.对象调用方法中的this
  • 2.在全局使用this(单独使用)

  • 3.函数中的this

  • 4.函数严格模式下

  • 5.事件中的this

  • 6.构造函数中的this

  • 7.箭头函数没有this

  • call()、apply()、bind() 的用法

this关键字介绍

====================================================================

  • 面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变。

点击查看更多教程

在方法中,this 表示该方法所属的对象。

如果单独使用,this 表示全局对象。

在函数中,this 表示全局对象。

在函数中,在严格模式下,this 是未定义的(undefined)。

在事件中,this 表示接收事件的元素。

类似 call() 和 apply() 方法可以将 this 引用到任何对象。

不同情况下的this

=====================================================================

1.对象调用方法中的this

在方法中,this 表示该方法所属的对象

// 创建一个对象

var Person={

name:“王富贵”,

sex:‘男’,

fn:function(){

console.log(this.name+’ '+this.sex)

}

}

Person.fn()//this指向了Person对象 .前面是谁this就指向睡

在这里插入图片描述

2.在全局使用this(单独使用)

在全局使用的时候this表示全局对象window

在这里插入图片描述

3.函数中的this

在函数中,this表示全局对象window

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200318192743349.png

4.函数严格模式下

在函数中,在严格模式下,this 是未定义的(undefined)

在这里插入图片描述

5.事件中的this

在事件中,this 表示接收事件的元素

事件中的this

最后

推荐一些系统学习的途径和方法。

路线图

每个Web开发人员必备,很权威很齐全的Web开发文档。作为学习辞典使用,可以查询到每个概念、方法、属性的详细解释,注意使用英文关键字搜索。里面的一些 HTML,CSS,HTTP 技术教程也相当不错。

HTML 和 CSS:

html5知识

css基础知识

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值