This keyword problem

as shown in the figure, why does this point to windows/undefined, after calling obj.getAge ()? isn"t obj calling it? shouldn"t this point to obj?
clipboard.png

:personshowNamethispersonthis
clipboard.png

Javascript
Feb.26,2021

because fn is an anonymous function

give a simple example 

    var obj = {
        fn1: function() {
            console.log(this);//obj
            var noNamed = function() {
                console.log(this);//windowd
            };
            return noNamed();
        }
    };
    obj.fn1();

above, your var fn=function () {}; then return fn () is essentially a directly called anonymous function closure return function () {}
you just assign this anonymous function to fn, and it doesn't change the nature that he doesn't have a function name

.

conclusion: as long as it is an anonymous function, this points to the window global object, for example: 

function foo() {
    var fn = setTimeout(function() { //
        console.log(`setTimeoutthisfoo:${this.age}`); 
    }, 0);
}
foo.call({
    age: '1000'
});//undefined

var name = 'XL';
var person = {

name: 'xl',
showName: function() {console.info(this.name)}

}

person.showName ();
/ / where the showName call location is the person context, so the active this is bound to the person
var showNameA = person.showName;
/ / the showNameA here is similar to the function alias, showNameA is a reference to person.showName, and the showNameA call location is still window.
/ / the binding of this is related to its call location

.

var obj = {

birth: 1990,
getAge: function() {
    var b = this.birth;
    var fn = function() { console.info(this)}
}
return fn;

}

the getAge in your obj involves closures, which can actually be understood as returning a function fn,obj.getAge () to continue to execute fn, after completion. The location of the call at this time is in the Window environment, so the this in fn points to window

.

this doesn't understand

Previous: Python has been unsuccessful in replacing the content in front of the vertical bar symbol in the title.

Next: Problems with using axios

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu