• 浅谈javascript的this指向


    This的指向大致能够分为下面四类。我们分别举例说明

    1. 作为对象的方法调用时。this指向该对象
    var obj={
        a:1,
        getA:function(){
           console.log( this==obj); //输出true
           console.log(this.a);    //输出1
        }
    }

    obj.getA();

    2. 作为普通函数调用时,this总是指向全局对象,比方说在浏览器中,这个全局对象是window。


    window.name="windowname";

    var getName=function(){

        return this.name;

    }

    console.log(getName());  //输出windwoname

    或者

    window.name='windowname2';

    var myObject={

        name:'yourName',

        getName:function(){

           return this.name;

        }

    }

    var getName=myObject.getName;

    console.log(getName());    //windowname

    console.log(myObject.getName());//yourName


    3. 作为构造器调用

    通常情况下,构造器里的this就指向返回的这个对象。比如:

    var myClass=function(){

      this.name='yourName';

    }

    var obj=new myClass();

    console.log(obj.name);  //输出yourName

       可是当new调用构造器时。构造器显示的返回了一个object类型的对象。那么此次运算的终于结果会返回这个对象,不是我们之前期待的this。

    假设返回的不是对象是别的比方说string类型的数据,就还是指向原来的this

    var myClass=function(){

      this.name='yourName';

      return  ’returnName’ ;

    }

    var obj=new myClass();

    console.log(obj.name);  //输出'yourName'

    4. Function.prototype.call 或 Function.prototype.apply调用能够动态的改变传入的this的值

    var obj1={

       name:'name1',

        getName:function(){

           return this.name;

        }

    }

    var obj2={

        name:'name2'

    }

    console.log(obj1.getName());  //输出name1

    console.log(obj1.getName().call(obj2)); /输出name2


    至此 第一篇博客写完了。 本文中,我们讲了对thiskeyword做了一些简单的分析。也參考了一些书。在此。对他们表示感谢,假设可以帮助到你。我感到万分荣幸。

     让大家见笑了偷笑



  • 相关阅读:
    第24天:Python 标准库概览2
    第23天:Python 标准库概览1
    第22天:Python NameSpace&Scope
    第21天: Web 开发 Jinja2 模板引擎
    第20天:Python 之装饰器
    第19天:Python 之迭代器
    第18天:Python 高阶函数
    第17天:Python 函数之参数
    第16天:Python 错误和异常
    第15天:Python set
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7237490.html
Copyright © 2020-2023  润新知