javascript之Function物件學習小結

1、Function 函式呼叫（類似call方法）

function callSomeFunction(someFunction, someArgument){ return someFunction(someArgument); } function add10(num){ return num + 10; } var result1 = callSomeFunction(add10, 10);//呼叫add10 把引數10傳給add10 alert(result1); //20 function getGreeting(name){ return "Hello, " + name; } var result2 = callSomeFunction(getGreeting, "Nicholas"); alert(result2); //Hello, Nicholas

2、函式返回函式

function createComparisonFunction(propertyName) { return function(object1, object2){ var value1 = object1[propertyName]; var value2 = object2[propertyName]; if (value1 < value2){ return -1; } else if (value1 > value2){ return 1; } else { return 0; } }; } var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}]; (createComparisonFunction("name"));//sort函式接收一個函式作為排序的參考，函式createComparisonFuntion返回了一個匿名的排序函式 alert(data[0]); //Nicholas (createComparisonFunction("age")); alert(data[0]); //Zachary

3、apply()方法使用

function sum(num1, num2){ return num1 + num2; } function callSum1(num1, num2){ return y(this, arguments);//sum函式請求把callSum1的指標傳給自己，並作計算，此時的this指向callSum1 } function callSum2(num1, num2){ return y(this, [num1, num2]); } alert(callSum1(10,10)); //20 alert(callSum2(10,10)); //20

4、函式Arguments Caller使用

function outer(){ inner(); } function inner(){ alert(er); } outer();caller//返回一個對函式的引用，該函式呼叫了當前函式。

5、er

function outer(){ inner(); } function inner(){ alert(er); //ee就是函式體本身，er就是函式體的呼叫函式體 } outer();function factorial(num){ if (num <= 1) { return 1; } else { return num * ee(num-1)//callee當前函式的引用即factorial函式本身的函式體 } } var trueFactorial = factorial; factorial = function(){ return 0; }; alert(trueFactorial(5)); //120 alert(factorial(5)); //0

6、Funtion bind()方法

r = "red"; var o = { color: "blue" }; function sayColor(){ alert(r); } var objectSayColor = (o); objectSayColor(); //blue /* bind主要是為了改變函式內部的this指向，這個是在ECMA5以後加入的，所以IE8一下的`瀏覽器不支援 bind方法會建立一個新函式,稱為繫結函式.當呼叫這個繫結函式時,繫結函式會以建立它時傳入bind方法的第一個引數作為this, 傳入bind方法的第二個以及以後的引數加上繫結函式執行時本身的引數按照順序作為原函式的引數來呼叫原函式. */

7、Function call()方法

r = "red"; var o = { color: "blue" }; function sayColor(){ alert(r); } sayColor(); //red (this); //red 此時this指向window (window); //red 同上 (o); //blue 此時sayColor的指標指向o function sum(num1, num2){ return num1 + num2; } function callSum(num1, num2){ return (this, num1, num2); } alert(callSum(10,10)); //20

8、函式長度length

function sayName(name){ alert(name); } function sum(num1, num2){ return num1 + num2; } function sayHi(){ alert("hi"); } alert(th); //1 alert(th); //2 alert(th); //0 //實際返回的是函式的引數的長度