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基础知识

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/33225.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ubuntu server 22.04安装 fdfs

ubuntu server 22.04安装 fdfs 安装依赖包 sudo apt -y install gcc g make pcre2-utils libpcre2-dev openssl libssl-dev zlib1g zlib1g-dev libxml2-utils libxml2 libxml2-dev libxslt-dev libgd-dev libgeoip-dev libgoogle-perftools-dev libperl-dev下载相关软件包 s…

Charles 显示内存不足解决方法

弹窗出现:Charles is running low on memory. Recording has been stopped. Please clear the session to free memory and continue recording. 官网解决方法: Charles runs out of memory After recording for a while Charles will run low on ava…

一文教你学会使用BitSet

开始之前,介绍一下​最近很火的开源技术,低代码。 作为一种软件开发技术逐渐进入了人们的视角里,它利用自身独特的优势占领市场一角——让使用者可以通过可视化的方式,以更少的编码,更快速地构建和交付应用软件&#…

喜讯:ISO年度审核通过!

在数字化时代,质量是我们不变的追求。近日,矩阵起源迎来了一个值得庆祝的时刻——三项ISO体系年度考核顺利通过!分别为:ISO9001 质量管理体系标准认证、ISO20000信息技术服务管理体系认证及ISO27001 信息安全管理体系认证。 ISO标…

Grafana+Prometheus(InfluxDB)+Jmeter使用Nginx代理搭建可视化性能测试监控平台

前言 在这篇博客文章中,将分享JMeter > Prometheus(InfluxDB) > Grafana的集成,以及Nginx端口反向代理各服务的端口。 背景 在JMeter插件库中,有一些后端监听器可供Kafka、ElasticSearch和Azure使用。默认情况下,JMeter支…

探索 Screen:一个强大的终端复用工具

在日常的系统管理和开发工作中,我们经常需要同时运行多个终端任务,或者需要在一个终端会话中保持任务的持续运行,即使我们断开了与服务器的连接。这时,screen 命令就成为了一个非常有用的工具。本文将详细介绍 screen 的功能、使用…

苹果加码AI合作:继OpenAI后再携手Meta|TodayAI

两家长期竞争对手的合作前景 近日,据《华尔街日报》报道,苹果公司(Apple)和Meta公司(Facebook母公司)正在就一项潜在合作进行讨论,旨在将Meta的生成式AI模型整合到Apple Intelligence中。这一合…

nginx实现反向代理出现502的解决方法

目录 1. 出现原因 1.1. 防火墙拦截了端口 1.1.1. 使用 iptables 1.1.2. 使用 firewall-cmd(适用于 CentOS/RHEL 7) 1.2. docker容器中的ip和宿主机ip不一致 1. 出现原因 这里我是用的docker容器来进行nginx的启动的,在我们用nginx的配置…

Power Apps

目录 一、引言1、Power Apps2、应用场景3、Power Apps的优势与前景4、补充 二、数据源介绍1、SharePoint2、Excel3、Dataverse4、SQL5、补充(1)OneDrive 三、Power Apps应用类型1、画布应用2、模型驱动应用3、网站 Power Pages 四、Power Automate五、Po…

如何提高LabVIEW开发的效率?

提高LabVIEW开发效率对于工程师和研究人员来说非常重要,因为这不仅能缩短开发周期,还能提高系统的可靠性和可维护性。以下从多个角度详细分析如何提高LabVIEW开发的效率。 1. 项目规划与管理 1.1 明确需求 在项目开始前,详细明确项目需求&…

解决Playwright在Ubuntu下启动报错的问题:从环境到依赖的全面优化

在Ubuntu环境中使用Python进行web自动化测试时,Playwright是一个非常强大的工具。然而,在具体实践中,我们常常会遇到各种错误,尤其是在不同Python版本和依赖版本之间切换时。本文将详细介绍如何应对这些问题,并提供一些解决方法。 问题背景 在使用Playwright时,我们有时…

深入解析tcpdump:网络数据包捕获与分析的利器

引言 在网络技术日新月异的今天,网络数据包的捕获与分析成为了网络管理员、安全专家以及开发人员不可或缺的技能。其中,tcpdump作为一款强大的网络数据包捕获分析工具,广泛应用于Linux系统中。本文将从技术人的角度,详细分析tcpdu…

天气冷电脑不能启动找不到硬盘

https://diy.zol.com.cn/2004/0611/101994.shtml

Unity3D UI框架的设计架构与编码实现详解

一、引言 随着游戏开发技术的不断发展,Unity3D作为一款强大的跨平台游戏开发工具,受到了越来越多开发者的青睐。在Unity3D中,UI(用户界面)框架的设计是项目开发中的关键环节。本文将详细介绍Unity3D UI框架的设计架构…

MySQL中不持久和持久受限系统变量的简要介绍

SET PERSIST和SET PERSIST_ONLY是MySQL中用于将全局系统变量的值持久化到数据目录下的mysqld-auto.cnf选项文件的命令。但是,并非所有的系统变量都可以被持久化,或者只能在某些限制性条件下被持久化。以下是系统变量可能无法持久化或持久化受限的一些原因…

微信小程序开发用uni-app开发框架还是微信原生开发?

小程序依托微信入口,借助微信生态对流量补充的优势,拥有超12亿微信用户群体,微信小程序成为流量变现的一个重要通道。 从商家角度来说,借助小程序触达和获取线上用户的门槛更低,用户路径和交易转化也更快。同时&#…

Jmeter多用户token使用问题

背景 在测试的时候,经常会有模拟用户登录,拿到用户 token 后再去请求接口的场景。 这个模拟用户登录就会分为两种,一种是单用户,另一种是多用户。 日常自动化测试的时候可能一个用户对应 n 个用例就可以满足大多数场景&#xf…

MySQL集群高可用架构之MySQL InnoDB Cluste

今天我将详细的为大家介绍Centos 7.5 基于 MySQL 5.7的 InnoDB Cluster 多节点高可用集群环境部署的相关知识,希望大家能够从中收获多多!如有帮助,请点在看、转发支持一波!!! 一、MySQL InnoDB Cluster 介…

RK3568平台(音频篇)音频ALSA框架

一.ALSA框架简介 ALSA表示先进linux声音架构(Advanced Linux Sound Archiecture),它由一系列的内核驱动、应用程序编程接口(API)以及支持linux下声音的应用程序组成、 ALSA项目发起的原有是linux下的声卡驱动&#x…

PAT A1016. 最短路径

题意 有N个结点围成一个圈,相邻两个点之间的距离已知,且每次只能移动到相邻点。然后给出M个询问,每个询问给出两个数字A和B即结点编号(1≤A,B≤N),求从A号结点到B号结点的最短距离。样例解释 如图3-2所示,共有5个结点,…