this的指向问题

JavaScript的this总是指向一个对象,而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的,而非函数声明时的环境。
  1. 作为对象的方法调用
    var obj = {
    a: 1,
    getA: function(){
    console.log(this === obj); //true
    console.log(this.a); //1
    }
    };
    obj.getA();

  2. 作为普通函数被调用
    window.name = 'globalName';
    var getName = function(){
    return this.name;
    };
    console.log(getName()); // globalName

  3. 构造器调用
    var MyClass = function(){
    this.name = 'ss';
    };
    var obj = new MyClass();
    console.log(obj.name); //ss

  4. Function.prototype.call 和 Function.prototype.apply
    var obj1 = {
    name: 'ss',
    getName: function(){
    return this.name;
    }
    };
    var obj2 = {name: 'dd'};
    console.log(obj1.getName()); // ss
    console.log(obj1.getName.call(obj2)); // dd

  5. this丢失
    var obj = {
    myName: 'ss',
    getName: function(){
    return this.myName;
    }
    };
    console.log(obj.getName()); // ss
    var getName2 = obj.getName;
    console.log(getName2()); // undefinded

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容