Skip to main content

JS Advanced - Three Calling Modes of Functions and the Pointing Problem of This

 Functions and methods are an important knowledge point in programming. The key point of a function is how to call and execute. The way it is called has a huge impact on how the code inside the function is executed, especially in the creation of the this parameter. In addition to the most basic calling method such as function name (), what other methods are there? The following briefly introduces the three most basic (excluding, bind, apply, call).

  • The function is actually inanimate, we need to give it life (call) before it can withdraw its value
  • Functions are created with two default parameters, this and arguments

Function creation is divided into two types: declarative and expression, which can be called directly through the function name ()

        function fun(){
            console.log(this)
            console.log(arguments);
        }
        fun(1,100);

Called by means of an object, this points to the object

 function fun(){
            console.log(this)
            console.log(arguments);
        }
        // fun(1,100);
        let obj={id:1001,fn:fun};
        obj.fn();

Called by the constructor, this points to the instance object of the constructor

 function fun(){
            console.log(this)
            console.log(arguments);
        }
        // fun(1,100);
        // let obj={id:1001,fn:fun};
        // obj.fn();
        new fun();
        console.log(new fun() instanceof fun);


Comments

Popular posts from this blog

Use of js array filter() method

 Arrays are frequently used in development, and processing data in arrays is one of the more common and important operations. Therefore, processing data in arrays during development is an important skill. Every developer Everyone should master the operations of arrays, especially for junior developers who have just entered the industry, so be sure to master the relevant skills. This article mainly shares some operations to filter the data in the array, about the use of the filter() method.

vue routing global guard beforeEach and afterEach

 Global routing front guard (beforeEach) This function is used the most. Its function is to perform permission-related verification before routing jumps. This function contains three parameters: to: the object of the target route that is about to enter; from: the route that the current route is leaving; next: confirm the release. It can be used to log in and register, to determine whether there is a token before logging in, and release if it exists. , if it does not exist, it will not be released. The post routing guard (afterEach), its role is to trigger after the routing jump.