JavaScript's apply () method and the call () method

Source: Internet
Author: User

1 <script type= "Text/javascript" > 2     /* Define a human *     /3 function person (name,age) 4     {5         This.name=name ; 6         this.age=age; 7     } 8/     * Define a Student class */9     functionstudent (name,age,grade)     {         person.apply ( this,arguments);         this.grade=grade;13     }14     //Create a student class of     the Var student=new student ("Qian", 21, " First grade "); +     //test     alert (" Name: "+student.name+" \ n "+" Age: "+student.age+" \ n "+" Grade: "+student.grade); 18     //You can see the test results Name:qian  age:21  grade: First grade     //Student Class I did not assign a value to the name and age attribute Ah, why are the values of these two properties? This is the magic of apply. </script>

Analysis: Person.apply (this,arguments);

This: In the creation of the object at this time represents the student

Arguments: is an array, i.e. ["Qian", "21", "first grade"];

That is, the popular point is: Use student to execute the contents of the person class, in the person class inside the existence of this.name and other statements, so that the property is created into the student object

2. Call Example

In the Studen function, you can modify the apply to read as follows:

Person.call (This,name,age);

That's OK.

3. Under what circumstances use apply, and under what circumstances call

In the case of an object parameter, if the argument is in the form of an array, such as the parameter arguments is passed in the apply example, the parameter is an array type, and the list of parameters is consistent when the person is called ( That is, the first two bits of the parameter list of the person and student are consistent) can be applied, if my person's parameter list is such (Age,name), and Student's argument list is (Name,age,grade), This can be done with call, that is, directly specify the position of the corresponding value of the parameter list (Person.call (This,age,name,grade));

4. Some other clever uses of apply

The attentive person may have noticed that when I invoke the Apply method, the first argument is the object (this), the second argument is an array collection, and when you call person, it is not an array, But why would he give me an array? I can still parse the array into one parameter , which is a clever use of apply, you can convert an array by default to a parameter list ([PARAM1,PARAM2,PARAM3] to param1, PARAM2,PARAM3) This, if we use the program to implement each item of the array as a list of parameters, it may take a while, with the use of this feature, so there are the following efficient methods:

A) Math.max can be implemented to get the largest item in the array

Because the Math.max parameter does not support Math.max ([PARAM1,PARAM2]), which is the array

But it supports Math.max (param1,param2,param3 ...), so you can solve the Var max=math.max.apply (Null,array) According to the characteristics of the just apply. This makes it easy to get the largest item in an array (apply will change a number assembly to a parameter by passing it to a method)

This block in the call when the first parameter gave a null, this is because there is no object to call this method, I just need to use this method to help me to calculate the return of the results on the line. So it passed directly a null past

b) Math.min can be implemented to get the smallest item in the array

Likewise and Max is a thought var min=math.min.apply (Null,array);

c) Array.prototype.push can implement two array merging

The same push method does not provide an array of push, but it provides push (Param1,param,... paramn) So it is also possible to replace this array with apply, namely:

1      vararr1=new Array ("1", "2", "3"), 2 3      vararr2=new Array ("4", "5", "6"), 4 5      Array.prototype.push.apply ( ARR1,ARR2);

It is also possible to understand that arr1 invokes the push method, which is a set of parameters that can be assembled into a parameter list by using apply.

Under what circumstances, you can use a special usage like math.min and so on:

In general, the target function requires only n argument lists, not the form of an array ([param1[,param2[,... [, Paramn]]] ), you can solve this problem skillfully by apply way!

5. Summary:

At first I do not understand the apply very much, the last to see a few times, I have to knock a few times the code, only to understand the middle of the truth, so, no matter what to do, as long as they are willing to move the brain, willing to strike code, such a technology will be mastered ...

JavaScript's apply () method and the call () method

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.