[JavaScript]-----函數

一 

在ECMAScript 中,Function(函數)類型實際上是對象。每個函數都是Function 類型的

實例,而且都與其他引用類型一樣具有屬性和方法。由於函數是對象,因此函數名實際上也

是一個指向函數對象的指針。


二 

一.函數的聲明方式
1.普通的函數聲明
function box(num1, num2) {
return num1+ num2;
}
2.使用變量初始化函數
var box= function(num1, num2) {
return num1 + num2;
};
3.使用Function 構造函數
var box= new Function('num1', 'num2' ,'return num1 + num2');

PS:第三種方式我們不推薦,因爲這種語法會導致解析兩次代碼(第一次解析常規
ECMAScript 代碼,第二次是解析傳入構造函數中的字符串),從而影響性能。但我們可以通


二.作爲值的函數
ECMAScript 中的函數名本身就是變量,所以函數也可以作爲值來使用。也就是說,不
僅可以像傳遞參數一樣把一個函數傳遞給另一個函數,而且可以將一個函數作爲另一個函數
的結果返回。
function box(sumFunction, num) {
return sumFunction(num); //someFunction
}
function sum(num) {
return num + 10;
}
var result = box(sum, 10); //傳遞函數到另一個函數裏


三.函數內部屬性
在函數內部,有兩個特殊的對象:arguments 和this。arguments 是一個類數組對象,包
含着傳入函數中的所有參數,主要用途是保存函數參數。但這個對象還有一個名叫callee 的
屬性,該屬性是一個指針,指向擁有這個arguments 對象的函數。
function box(num) {
if (num <= 1) {
return 1;
} else {
return num * box(num-1); //一個簡單的的遞歸
}
}
對於階乘函數一般要用到遞歸算法,所以函數內部一定會調用自身;如果函數名不改變
是沒有問題的,但一旦改變函數名,內部的自身調用需要逐一修改。爲了解決這個問題,我
們可以使用arguments.callee 來代替。
function box(num) {
if (num <= 1) {
return 1;
} else {
return num * arguments.callee(num-1);//使用callee 來執行自身
}
}

函數內部另一個特殊對象是this,其行爲與Java 和C#中的this 大致相似。換句話說,
this 引用的是函數據以執行操作的對象,或者說函數調用語句所處的那個作用域。PS:當在
全局作用域中調用函數時,this 對象引用的就是window。
//便於理解的改寫例子
window.color = '紅色的'; //全局的,或者var color = '紅色的';也行
alert(this.color); //打印全局的color
var box = {
color : '藍色的', //局部的color
sayColor : function () {
alert(this.color); //此時的this 只能box 裏的color
}
};
box.sayColor(); //打印局部的color
alert(this.color); //還是全局的


//引用教材的原版例子
window.color = '紅色的'; //或者var color = '紅色的';也行
var box = {
color : '藍色的'
};
function sayColor() {
alert(this.color); //這裏第一次在外面,第二次在box 裏面
}
getColor();
box.sayColor = sayColor; //把函數複製到box 對象裏,成爲了方法
box.sayColor();

四.函數屬性和方法
ECMAScript 中的函數是對象,因此函數也有屬性和方法。每個函數都包含兩個屬性:
length 和prototype。其中,length 屬性表示函數希望接收的命名參數的個數。
function box(name, age) {
alert(name + age);
}
alert(box.length); //2
PS:對於prototype 屬性,它是保存所有實例方法的真正所在,也就是原型。


call()方法於apply()方法相同,他們的區別僅僅在於接收參數的方式不同。對於call()方
法而言,第一個參數是作用域,沒有變化,變化只是其餘的參數都是直接傳遞給函數的。

事實上,傳遞參數並不是apply()和call()方法真正的用武之地;它們經常使用的地方是
能夠擴展函數賴以運行的作用域。


事實上,傳遞參數並不是apply()和call()方法真正的用武之地;它們經常使用的地方是
能夠擴展函數賴以運行的作用域。
var color = '紅色的'; //或者window.color = '紅色的';也行
var box = {
color : '藍色的'
};
function sayColor() {
alert(this.color);
}
sayColor(); //作用域在window
sayColor.call(this); //作用域在window
sayColor.call(window); //作用域在window
sayColor.call(box); //作用域在box,對象冒充

使用call()或者apply()來擴充作用域的最大好處,就是對象不需要與方法發生任何耦合

關係(耦合,就是互相關聯的意思,擴展和維護會發生連鎖反應)。也就是說,box 對象和
sayColor()方法之間不會有多餘的關聯操作,比如box.sayColor = sayColor;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章