专栏首页Mirror的技术成长JavaScript this关键字

JavaScript this关键字

JavaScript

this 关键字

什么是 this

  • JavaScript中的 this 关键字指的是它所属的对象
  • 拥有不同的值,具体取决于使用this关键字的位置 在方法中,this指的是(方法)所有者的对象 在单独的情况下,this指的是全局对象 在函数中,this指的是全局对象(严格模式:undefined) 在事件中,this指的是接收事件的对象

方法中的 this

fullName : function() {
    return this.firstName + " " + this.lastName ;
}

单独的 this

  • 单独使用时,this指的是全局对象;在浏览器窗口中,全局对象是 object Window

函数中的 this(默认)

function myFunction() {
    return this;
}

事件处理程序中的 this

  • 在HTML事件处理程序中,this 指的是接收此事件的HTML元素
<button onclick = "this.style.display = 'none' ">
    点击删除;
</button>

对象方法绑定

var person = {
    firstName : "Mirror",
    lastName  : "China",
    id 		  : 10086,
    fullName  : function() {
        return this.firstName + " " + this.lastName ;
    }
};

this.firstName 意味着 this person 对象中的 firstName和lastName属性

显式函数 绑定

  • call() 和 apply() 方法是预定义的JavaScript方法;可以用于将另一个对象作为参数调用对象方法
var person1 = {
    fullName : function() {
        return this.firstName + " " + this.lastName ;
    }
};
var person2 = {
    firstName : "Mirror" ,
    lastName  : "China" ,
};
person1.fullName.call(person2) ; // person2将会作为参数供person1调用

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Java 实践

    Mirror王宇阳
  • Java 单向链表学习

    链表等同于动态的数组;可以不同设定固定的空间,根据需要的内容动态的改变链表的占用空间和动态的数组同一形式;链表的使用可以更加便于操作。

    Mirror王宇阳
  • Java 比较器

    Mirror王宇阳
  • 干货 | 用uni-app制作迷你PS小程序

    ? ? 该文章主要讲解最近基于 uni-app 框架编写的集图文拖拽等多方位编辑、油墨电子签名、开放式海报于一体的小程序的制作思路和实现代码。 1、完整源码链...

    腾讯NEXT学位
  • 寿司开卖:实现寿司制作特效和音响特效

    本节我们将继续上一节完成若干个小功能。首先要完成的是,当客户动画在主页面出现时,它左上角会冒泡,显示它想购买何种寿司,此时玩家可以点击左下角面板中各种元素,组合...

    望月从良
  • Java基础:五、this关键字、static含义(4)

    如果只有一个peel()方法,如何知道是被a还是b所调用的呢?因为编译器会把“所操作对象的引用”作为第一次参数传递给peel()。所以上述两个方法的调用就变成了...

    桑鱼
  • 闪屏还可以这样玩

    对于多数应用来说,在进入APP的时候使用短暂的闪屏广告来吸引用户是很常见的一个场景。但随着这种模式的频繁应用,越来越多的用户会感到审美疲劳,甚至不看就跳过闪屏了...

    林焕彬
  • HTML5 Canvas炫酷的火焰风暴动画

    越陌度阡
  • .glb格式的模型怎么在three.js中展示

    3D软件中导出的格式一般有.obj 和.glb ,下面是blender 2.8.2 生成模型并在three.js中展示的流程

    tianyawhl
  • 云终端系列(一)—— 实时音视频Web端接入体验(Vue基础音视频通话篇)

    这个系列呢,主要给各位观众老爷看看目前有较大趋势的SaaS应用的SDK在各种主流Web终端的使用姿势和异常分析,如果想要纯粹了解开发的或者云原生,云开发的可以去...

    楚歌

扫码关注云+社区

领取腾讯云代金券