ÈçºÎÀí½â¼°ÔËÓÃfunction

1. function sayHi(sName, sMessage) { 
2.   alert("Hello " + sName + sMessage); 
3. } 

1. var sayHi = new Function("sName", "sMessage", "alert(\"Hello \" + sName + sMessage);"); 

1. function doAdd(iNum) { 
2.   alert(iNum + 20); 
3. } 
4.  
5. function doAdd(iNum) { 
6.   alert(iNum + 10); 
7. } 

1. var doAdd = new Function("iNum", "alert(iNum + 20)"); 
2. var doAdd = new Function("iNum", "alert(iNum + 10)"); 
3. doAdd(10); 

1. var doAdd = new Function("iNum", "alert(iNum + 10)"); 
2. var alsodoAdd = doAdd; 
3. doAdd(10); //Êä³ö "20"
4. alsodoAdd(10); //Êä³ö "20"

1. function callAnotherFunc(fnFunction, vArgument) { 
2.   fnFunction(vArgument); 
3. } 
4.  
5. var doAdd = new Function("iNum", "alert(iNum + 10)"); 
6.  
7. callAnotherFunc(doAdd, 10); //Êä³ö "20"

1. function doAdd(iNum) { 
2.   alert(iNum + 10); 
3. } 
4.  
5. function sayHi() { 
6.   alert("Hi"); 
7. } 
8.  
9. alert(doAdd.length); //Êä³ö "1"
10. alert(sayHi.length); //Êä³ö "0"

1. function doAdd(iNum) { 
2.   alert(iNum + 10); 
3. } 
4.  
5. document.write(doAdd.toString()); 

1. function myfunc(param) { 
2.     //code
3. } 

1. function func1() {return 'func1'; } 
2. function func1(name) { return name; } 

1. function func1() { 
2.     return arguments[0] || 'func1'; 
3. } 
4. func();              //return 'func1'
5. func('function'); //return 'function'

1. function nameOf(name) { 
2.     return name.toUpperCase();  
3. } 
4. function×÷Ϊ¶ÔÏó½øÐи³Öµ 
5.  
6. var person = person || {}; 
7. person.nameOf = nameOf; 
8. person.nameOf('yang dong') // return "YANG DONG"

1. function nameOf() {return nameOf.blogger;} 
2. nameOf.blogger = "YANG_DONG"; 

1. var globalNameOfCounter = 0; 
2. nameOf(); 
3. globalNameOfCounter ++; 

1. function nameOf() { 
2.     nameOf.counter++; 
3.     return nameOf.blogger; 
4. } 
5. nameOf.blogger = “YANG_DONG" 
6. nameOf.counter = 0;   
7. nameOf(); //nameOf.counter = 1
8. nameOf(); //nameOf.counter = 2

1. nameOf.getBloggerName = function() { 
2.     return nameOf.blogger; 
3. } 

1. function g() {return this;} 
2. var local = local || {}; 
3. local.method = g; //ÐÞ¸ÄthisÖ¸Ïòlocal
4. local.method();   //·µ»Ølocal¶ÔÏó
5. g();              //·µ»ØDOMWindow¶ÔÏó

1. var variable = 'global'; 
2. function getVariable(){ 
3.     var variable = 'local', 
4.     func = function() { 
5.         return variable; 
6.     }; 
7.     return func; 
8. } 
9. getVariable()();  //return local;

1. function testArg(a, b) { 
2.     var actCount = arguments.length, 
3.         expCount = testArg.length, 
4.         result; 
5.  
6.     result = "Expected arguments' count is " + expCount + ";<br/>"; 
7.     result += "Actual arguments' count is " + actCount + ".<br/>"; 
8.     result += "They are:<br/>"; 
9.     for (var i = 0; i < actCount; i++) { 
10.         result += arguments[i] + ";<br/>"; 
11.     } 
12.     if (arguments instanceof Array) { 
13.         result += "arguments is an Array instance."
14.     } else if (arguments instanceof Object) { 
15.         result += "arguments is an Object instance."
16.     } 
17.     document.write(result); 
18. } 
19. testArg(1); 
20. //output result is:

1. function checkVarCount(a, b) { 
2.     if (checkVarCount.length !== arguments.length) { 
3.         alert("The count of the parameters you passed into the function doesn't match the function definition."); 
4.     } 
5.     alert("Successfully call the function"); 
6. } 
7. checkVarCount(1, 2); 
8. //Successfully call the function
9. checkVarCount(1); 
10. //The count of the parameters you passed into the function doesn't match the function definition.

1. function test() { 
2.     if (test.caller == null) { 
3.         document.write("test is called from the toppest level"); 
4.     } else { 
5.         document.write("test is called from the function:<br/>"); 
6.         document.writeln(test.caller.toString()); 
7.     } 
8.     document.write("<br />"); 
9. } 
10. //call from the top level
11. test(); 
12. //output: test is called from the toppest level
13.  
14. function testOuter() { 
15.     test(); 
16. } 
17.  
18. //call from the function testOuter
19. testOuter(); 
20. //output:
21. //test is called from the function:
22. //function testOuter() { test(); }
23. ####callee

1. var fac = function(n){ 
2.   if (n <= 0) 
3.      return 1; 
4.   else
5.      return n * arguments.callee(n - 1); 
6. }(4); 
7. document.write(fac);//24

1. // A constructor function.
2. function MyObj() { 
3.     this.number = 1; 
4. } 
5.  
6. var x = new String("Hi"); 
7.  
8. if (x.constructor == String) 
9.     document.write("Object is a String."); 
10. document.write ("<br />"); 
11.  
12. var y = new MyObj; 
13. if (y.constructor == MyObj) 
14.     document.write("Object constructor is MyObj."); 
15.  
16. // Output:
17. // Object is a String.
18. // Object constructor is MyObj.

1. function Man(name, age) { 
2.     this.name = name; 
3.     this.age = age; 
4. } 
5. Man.prototype.sex = "M"; 
6. Man.prototype.struggle = function () { 
7.     alert("day day up!!!!"); 
8. } 
9. var li = new Man("Leo", 10); 
10. alert(li.sex);//M
11. li.struggle();//day day up
12. Man.prototype.isStrong = true; 
13. alert(li.isStrong);//true
14. ÕâÑùÎÒÃÇÒ²¿ÉÒÔÏòÒѶ¨ÒåºÃµÄ¶ÔÏ󣨰üÀ¨javascriptÌṩµÄÔ­Éú¶ÔÏó£©ÖÐ×·¼Ó·½·¨ºÍÊôÐÔ£¬ 
15.  
16. var aa = new Number(2); 
17. alert(typeof (aa.add)); //undefined
18. Number.prototype.add = function (add1) { 
19.     return this + add1; 
20. } 
21. alert(aa.add(1)); // 3

1. function callMe(arg1, arg2) { 
2.     var s = ""; 
3.  
4.     s += "this value: " + this; 
5.     s += "<br />"; 
6.     for (i in callMe.arguments) { 
7.         s += "arguments: " + callMe.arguments[i]; 
8.         s += "<br />"; 
9.     } 
10.     return s; 
11. } 
12.  
13. document.write("Original function: <br/>"); 
14. document.write(callMe(1, 2)); 
15. document.write("<br/>"); 
16.  
17. document.write("Function called with apply: <br/>"); 
18. document.write(callMe.apply(3, [4, 5])); 
19. document.write("<br/>"); 
20.  
21. document.write("Function called with apply with invalid array: <br/>"); 
22. try{ 
23.     document.write(callMe.apply(3,2)); 
24. } catch (e) { 
25.     document.write(e.message); 
26. } 
27. document.write("<br/><br/>"); 
28.  
29. document.write("Function called with apply without any argument: <br/>"); 
30. document.write(callMe.apply()); 
31. //Output result:
32. //Original function:
33. //this value: [object Window]
34. //    arguments: 1
35. //    arguments: 2
36.  
37. //Function called with apply:
38. //this value: 3
39. //    arguments: 4
40. //    arguments: 5
41.  
42. //Function called with apply with invalid array:
43. //Function.prototype.apply: Arguments list has wrong type
44.  
45. //Function called with apply without any argument:
46. //this value: [object Window]

1. function callMe(arg1, arg2){ 
2.     var s = ""; 
3.  
4.     s += "this value: " + this; 
5.     s += "<br />"; 
6.     for (i in callMe.arguments) { 
7.         s += "arguments: " + callMe.arguments[i]; 
8.         s += "<br />"; 
9.     } 
10.     return s; 
11. } 
12.  
13. document.write("Original function: <br/>"); 
14. document.write(callMe(1, 2)); 
15. document.write("<br/>"); 
16.  
17. document.write("Function called with call: <br/>"); 
18. document.write(callMe.call(3, 4, 5)); 
19.  
20. // Output:
21. // Original function:
22. // this value: [object Window]
23. // arguments: 1
24. // arguments: 2
25.  
26. // Function called with call:
27. // this value: 3
28. // arguments: 4
29. // arguments: 5

1. // Define the original function.
2. var checkNumericRange = function (value) { 
3.     if (typeof value !== 'number') 
4.         return false; 
5.     else
6.         return value >= this.minimum && value <= this.maximum; 
7. } 
8.  
9. // The range object will become the this value in the callback function.
10. var range = { minimum: 10, maximum: 20 }; 
11.  
12. // Bind the checkNumericRange function.
13. var boundCheckNumericRange = checkNumericRange.bind(range); 
14.  
15. // Use the new function to check whether 12 is in the numeric range.
16. var result = boundCheckNumericRange (12); 
17. document.write(result); 
18.  
19. // Output: true

1. // Define the original function with four parameters.
2. var displayArgs = function (val1, val2, val3, val4) { 
3.     document.write(val1 + " " + val2 + " " + val3 + " " + val4); 
4. } 
5.  
6. var emptyObject = {}; 
7.  
8. // Create a new function that uses the 12 and "a" parameters
9. // as the first and second parameters.
10. var displayArgs2 = displayArgs.bind(emptyObject, 12, "a"); 
11.  
12. // Call the new function. The "b" and "c" parameters are used
13. // as the third and fourth parameters.
14. displayArgs2("b", "c"); 
15. // Output: 12 a b c

1. <input type="button" id="start" value="Start" /> 
2. <input type="button" id="stop" value="Stop" /> 
3. <script type="text/javascript"> 
4.     function Car(owner) { 
5.         this.owner = owner; 
6.         this.start = function () { 
7.             //start the car
8.             console.log(this); 
9.             //output: Car {owner: "Mike", start: function, stop: function} check.html:14
10.             console.log(this.owner + "'s car is starting."); 
11.             //output: Mike's car is starting.
12.         }; 
13.         this.stop = function () { 
14.             console.log(this); 
15.             //output: <input type="button" id="stop" value="Stop" />
16.             console.log(this.owner + "'s car is starting."); 
17.             //output: undefined's car is stopping.
18.         }; 
19.     } 
20.     var btnStart = document.getElementById("start"), 
21.         btnStop = document.getElementById("stop"), 
22.         someCar = new Car("Mike"); 
23.  
24.     if (document.attachEvent) { 
25.         btnStart.attachEvent("onClick", someCar.start.bind(someCar)); 
26.         btnStop.attachEvent("onClick", someCar.stop); 
27.     } else if (document.addEventListener) { 
28.         btnStart.addEventListener("click", someCar.start.bind(someCar), false); 
29.         btnStop.addEventListener("click", someCar.stop, false); 
30.     } 
31. </script>