Js apply () use detailed

Source: Internet
Author: User

Reprinted from: http://blog.csdn.net/business122/article/details/8000676

Js Apply Method Detailed
I saw in the beginning of the JavaScript function apply and call, very vague, see also do not understand, recently saw some articles on the Web on the Apply method and some examples of call, finally is a bit of a look, here I do the following notes, I hope to share with you. If there is something wrong or unclear, I would like to ask readers to make a lot of suggestions in order to improve together.

Mainly I want to solve a few problems:

What is the difference between 1.apply and call?

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

Other clever uses of 3.apply (generally under what circumstances you can use apply)

I first looked at the definition of apply and call from the Internet, and then used examples to explain the meaning of the two methods and how to use them.

Apply: Methods can hijack another object's method, inheriting another object's properties.

Function.apply (Obj,args) method can receive two parameters
OBJ: This object will replace the This object in the function class
Args: This is an array, which is passed as a parameter to function (args-->arguments)

Call: Same as apply, except that the argument list is not the same.

Function.call (obj,[param1[,param2[,... [, Paramn]]])
OBJ: This object will replace the This object in the function class
Params: This is a list of parameters

1.apply Example:

<script type= "Text/javascript" >
/* Define a human */
function Person (name,age) {
This.name=name; This.age=age;
/* Define a student class */
Functionstudent (Name,age,grade) {
Person.apply (this,arguments); This.grade=grade;
Create a Student class
var student=new student ("Qian", 21, "first grade");
Alert ("Name:" +student.name+ "\ n" + "Age:" +student.age+ "\ n" + "Grade:" +student.grade);
You can see the test results Name:qian age:21 Grade: First Grade
I did not assign a value to the name and age attribute in the student class, why is there the value of these two properties, this is the magic of apply.

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));

Some other clever uses of 4.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,

When the person is called, he doesn't need an array, but why does he give me an array I can still parse the array into one parameter,

This 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 let us use the program to implement the array of each item, To load a list of parameters, it may take a while, with this feature of apply, the following efficient methods are available:

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. It's so easy to get one of the largest items 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:

Vararr1=new Array ("1", "2", "3");
Vararr2=new Array ("4", "5", "6");
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 ...

There are, for example, the fourth part of the content, ingenious solution to the real problem, this is certainly not a beginner can think of the solution (this is not my own thinking), do not have a certain understanding of programming will not think of this, or a sentence, more accumulation, more study, The most important thing is to improve your ability and understanding of programming ideas!

Js apply () use detailed

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.