美文网首页
this的用法详解

this的用法详解

作者: 韩宏轩 | 来源:发表于2017-04-02 00:39 被阅读0次

    js中this的用法比较杂乱,这里总结一下。

    一:全局作用域中this指向window对象。

    var number = 10;

    this.number == window.number    // true

    二:在函数内部被调用。

    1)“use strict” 模式下返回 undefined;

    2)非 "use strict" 模式下 返回 window 对象,无论是被嵌套多少层,在function内部的this,都指向window对象。

    三:在实例对象中被调用,指向离它最近的那个对象。

    var obj = {

        name : "obj",

        say : function(){

              console.log(this.name);

        }

    }

    上面例子中,离this最近的对象实例是obj,所以this指向obj。

    var obj = {

    name : "obj",

    kid : {

    name : "kid",

    say : function(){

    console.log(this.name);

    }

    }

    }

    上面的this指向obj.kid。

    四:构造函数中的this指向new出来的实例对象。

    五:DOM中的事件绑定,this指向绑定的DOM元素。

    DOM对象绑定是一个具体情况,普遍情况可以解释为:在回调函数中的this,指向调用这个回调函数的对象,比如window.setTimeout中的this指向window。

    相关文章

      网友评论

          本文标题:this的用法详解

          本文链接:https://www.haomeiwen.com/subject/zjiwottx.html