What is the difference between "JavaScript" apply and call?

Source: Internet
Author: User

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:

1. Where is the difference between apply and call 2. Under what circumstances use apply, and under what circumstances use call 3.  Other clever uses of 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 function class in the This object args: This is an array, it will be 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 params in the function class: This is a parameter list 1. Apply Example:

  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)
  10. {  
  11. person.   Apply(this,arguments);
  12. this.   Grade=grade;
  13. }  
  14. //Create a student class
  15. var student=new student("Qian","one-year");
  16. //test
  17. Alert("Name:"+student. Name+"\ n"+"Age:"+student. Age+"\ n"+"Grade:"+student. Grade);   < /c5>
  18. //You can see the test results Name:qian age:21 grade: First grade
  19. //Student Class I did not assign a value to the name and age attribute Ah, why the value of these two properties, this is the magic of apply.   
  20. </script>

  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)
  10. {  
  11. person.   Apply(this,arguments);
  12. this.   Grade=grade;
  13. }  
  14. //Create a student class
  15. var student=new student("Qian","one-year");
  16. //test
  17. Alert("Name:"+student. Name+"\ n"+"Age:"+student. Age+"\ n"+"Grade:"+student. Grade);   < /c5>
  18. //You can see the test results Name:qian age:21 grade: First grade
  19. //Student Class I did not assign a value to the name and age attribute Ah, why the value of these two properties, this is the magic of apply.   
  20. </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. VARARR2=new Array("4","5","6");
  3. Array. Prototype. Push.   Apply(arr1,arr2);

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

http://xuqian0808.blog.163.com/blog/static/17012571020137275316855/

What is the difference between "JavaScript" apply and call?

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.