资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JavaScript中this关键字有什么用

本篇内容主要讲解“JavaScript中this关键字有什么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript中this关键字有什么用”吧!

创新互联成立于2013年,我们提供高端重庆网站建设公司网站制作成都网站设计公司、网站定制、营销型网站建设小程序设计、微信公众号开发、网站推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为高空作业车租赁企业提供源源不断的流量和订单咨询。

与其他语言相比,this关键字在JavaScript中的行为略有不同。JavaScript中,this关键字引用其所属的对象。根据使用位置,它具有不同的值。

一、前言

方法中,this关键字引用其所属的对象。

this指的是全局对象在函数中。

this引用全局对象在函数中。

在严格模式下,this是未定义的在事件中。

this指的是接收事件的元素像call()和apply()这样的方法,可以将其引用到任何对象。

二、方法上下文

在对象方法中,this指代方法的user。

当调用user.getName()时,函数内部将this绑定到user对象:

例:

  项目    

在此示例中, user 对象是 getName 方法的所有者:

     

这里user对象是所有者getName的方法。

1. 全局上下文

在全局执行上下文中(在任何函数之外),this无论是否处于严格模式下,都引用全局对象。

示例

  项目     

在全局执行上下文中(在任何函数之外),这指的是全局对象:

  

访问调试在您的浏览器按F12,并选择"控制台"在调试器菜单:

     

JavaScript中this关键字有什么用

在浏览器窗口中,全局对象是[object Window]。

2. 函数上下文

在函数内部,this值取决于函数的调用方式。由于以下代码不在严格模式下,this因此默认为全局对象,即浏览器中的[object Window]。

function myFunc() { return this; }

在严格模式,然而this的值是undefined。

function myFunc() { "use strict"; return this; }

因此,在严格模式下,如果执行上下文未定义它,则它将保持未定义状态。

三、this在DOM事件处理程序中

当一个函数用作事件处理程序时,this将被设置为触发事件的元素:

示例

let btn = document.querySelector("button");  btn.onclick = function() { this.style.display = "none"; };

从内联事件处理程序调用代码时,会将this设置为放置监听器的元素:

点击删除我

JavaScript中this关键字有什么用

JavaScript中this关键字有什么用

四、显式函数绑定

call()和apply()方法是预定义的JavaScript方法。

它们都可以用于调用以另一个对象作为参数的对象方法。

JavaScript中this关键字有什么用

箭头函数(=>)

在箭头函数(=>)中,this始终指向它被创建时所处的词法作用域中的this。全局代码中,它将被设置为全局对象:

到此,相信大家对“JavaScript中this关键字有什么用”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


文章名称:JavaScript中this关键字有什么用
转载来源:http://cdkjz.cn/article/geicsj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220