JavaScript Object-oriented: JavaScript object-oriented programming (4): Functions

Source: Internet
Author: User
Tags anonymous define array object definition function definition functions variable

In many languages, functions (which are methods in Java) and objects differ in two different things. A function is defined as the action of an object, or it is global (like the main function in C + +). But in JavaScript, the boundaries between functions and objects seem less obvious.
1. Definition of function
There are many ways to define functions in javascript:
function Hello () {alert ("hello!");}
var hello1 = function () {alert ("hello!");
var Hello2 = new Function ("", "alert (' hello! ');");
Hello ();
Hello1 ();
Hello2 ();
Three JavaScript function definition statements are given above. The first sentence is a common definition that doesn't look much different from languages like Java. This sentence defines a named function, which, according to the example above, defines the name hello. The second sentence is to define an anonymous function and assign it to a variable, so you can refer to the anonymous function by using this variable. These two sentences look the same, but they are different: the first sentence defines a named function, and the second sentence defines an anonymous function--although you can refer to the anonymous function through this variable, it is actually anonymous. The difference can be seen from the following:
Hello ();
Hello1 (); Error
function Hello () {alert ("hello!");}
var hello1 = function () {alert ("hello!");
The scope of the named function is global: You can use this function before you define it. However, the definition of an anonymous function is a back-end, as in C + +, which must be defined before it can be used. This is why hello can be used, but hello1 will have errors. And think about what this is for? JavaScript's interpretation process is the same as HTML from top to bottom. Therefore, the anonymous function here is equivalent to the definition of a variable, so there is an error when the JavaScript interpreter interprets execution without knowing the definition of the variable. However, the definition of a function is to scan the global.
The third statement is interesting. It creates an object of a function class. This constructor (let's call it) has two parameters, the first is the parameter of the function, and the second is the function body. Specifically, the following two function definitions are equivalent:
function Sayhelloto (name) {
Alert ("Hello," + name);
}
var sayHelloTo1 = new Function ("name", "Alert" (' Hello, ' + Name '));
This is not a common way to define a function, but this statement shows an interesting feature: it means that you can use this constructor to dynamically construct the constructor at run time! This is not the characteristic of the general language.
2. Parameters of function
The function of JavaScript is also quite flexible, not only is it defined in a variety of ways, even its parameters have "strange" behavior. Because JavaScript is a weakly typed language, it cannot detect your function parameter types, and it doesn't even guarantee that the number of arguments you pass in is the same as the function definition. This requires some special testing.
function Sum2 (A, b) {
Alert (a + B);
}
SUM2 (1); NaN
SUM2 (1, 2); 3
Sum2 (1, 3, 5); 4
To look at this example, a function that accepts only two parameters can have any arguments when invoked! However, it takes only the number of eligible items, and here is the first two parameters. So, when you pass in a parameter, JavaScript tries to add up to two digits, and the second argument does not exist, so the return value is Nan. In the third case, the number of arguments is more than the number of formal parameters, at which point JavaScript adds only the first two parameters.
Although it is not formal, it can be said that the function parameters of JavaScript are indefinite parameters, that is, you can pass in any parameter values. Arguments, which is built with JavaScript functions, can traverse all incoming parameters. For example, the following code:
function sum () {
var total = 0;
for (var i = 0; i < arguments.length; i++) {
Total + = Arguments[i];
}
Alert (total);
}
SUM (1, 2);
SUM (1, 2, 3);
Arguments behaves much like an array, but it's not an array. You can use the TypeOf operator to look at it, or you can call its constructor property.
Here's one thing to say, arguments has a callee attribute that can invoke the function that arguments itself. In other words, the function itself can be called recursively through this property. So, even anonymous functions can implement recursive calls. Such as: This article link http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130126/36599.html

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.