javascript this

Posted 2020-08-05 吴盼盼

最近看了很多人的微博，主要是“追梦子”的微博，总结了一下。希望大家多多指点。

1. 没有new this的指向问题   this的指向在函数创建的时候是决定不了的，在调用的时候才能决定，谁调用的就指向谁 因为this只会指向它的上一级对象 例一： function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window } a(); // === window.a()    var o = {    　　user:"追梦子",     　　fn:function(){         　　console.log(this.user);  //追梦子 　　 　　console.log(this);  // Object{...}    　　 } 　　} 　　o.fn(); // ===window.o.fn()   特殊情况： var o = { a:10, b:{ a:12, fn:function(){ console.log(this.a); //undefined console.log(this); //window } } } var j = o.b.fn; //j并没有被调用 j(); // === window.j()

2. new 构造方法 function Fn(){ this.user = "追梦子"; } var a = new Fn(); console.log(a.user); //追梦子 用了new关键字就是创建一个对象实例，我们这里用变量a创建了一个Fn的实例（相当于复制了一份Fn到对象a里面）， 此时仅仅只是创建，并没有执行，而调用这个函数Fn的是对象a，那么this指向的自然是对象a

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

this 与return     如果返回值是一个对象，那么this指向的就是那个返回的对象，如果返回值不是一个对象那么this还是指向函数的实例

function fn() { this.user = ‘追梦子‘; return {}; } var a = new fn; console.log(a.user); //undefined

function fn() { this.user = ‘追梦子‘; return function(){}; } var a = new fn; console.log(a.user); //undefined

function fn() { this.user = ‘追梦子‘; return 1; } var a = new fn; console.log(a.user); //追梦子

function fn() { this.user = ‘追梦子‘; return undefined;//return null } var a = new fn; console.log(a); //fn {user: "追梦子"}

 

 

 

 

 

在浏览器中setTimeout、setInterval和匿名函数执行时的当前对象是全局对象window

 

apply用于改变函数执行时的当前对象，当无参数时，当前对象为window，有参数时当前对象为该参数

var name = "window";
    
var someone = {
    name: "Bob",
    showName: function(){
        alert(this.name);
    }
};

var other = {
    name: "Tom"
};    

someone.showName.apply();    //window
someone.showName.apply(other);    //Tom