学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>基础教程>>

JavaScript教程(二十八) this 关键字

发布时间:2020-06-21点击:

    JavaScript this 关键字

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

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

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

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

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

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

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

    var person = {
      firstName: "John",
      lastName : "Doe",
      id       : 5566,
      fullName : function() {
        return this.firstName + " " + this.lastName;
      }
    };

    一、方法中的 this

    在对象方法中, this 指向调用它所在方法的对象。在上面一个实例中,this 表示 person 对象。fullName 方法所属的对象就是 person。

    二、单独使用this

    单独使用 this,则它指向全局(Global)对象。在浏览器中,window 就是该全局对象为 [object Window]:

    var x = this;

    三、函数中使用 this(默认)

    在函数中,函数的所属者默认绑定到 this 上。在浏览器中,window 就是该全局对象为 [object Window]:

    function myFunction() {
      return this;
    }

    四、函数中使用 this(严格模式)

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

    五、事件中的 this

    在 HTML 事件句柄中,this 指向了接收事件的 HTML 元素:

    <button onclick="this.style.display='none'">
    点我后我就消失了
    </button>

    六、对象方法中绑定

    下面实例中,this 是 person 对象,person 对象是函数的所有者:

    var person = {
      firstName: "John",
      lastName : "Doe",
      id       : 5566,
      fullName : function() {
        return this.firstName + " " + this.lastName;
      }
    };

    PS:this.firstName 表示 this (person) 对象的 firstName 属性。

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: