在JS中,一般使用函數其實就是為了封裝某些操作,或者把編寫的程序進行模塊化的操作。
一.函數的聲明方式
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');
二.作為值的函數
ECMAScript中的函數名本身就是變量,所以函數也可以作為值來使用。也就是說,不僅可以像傳遞參數一樣把一個函數傳遞給另一個函數,而且可以將一個函數作為另一個函數的結果返回。
function box(sumFunction, num) {
return sumFunction(num);
}
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);
}
}
函數內部另一個特殊對象是this,其行為與Java和C#中的this大致相似。換句話說,this引用的是函數據以執行操作的對象,或者說函數調用語句所處的那個作用域。PS:當在全局作用域中調用函數時,this對象引用的就是window。
window.color = '紅色的';
alert(this.color);
var box = {
color : '藍色的',
sayColor : function () {
alert(this.color);
}
};
box.sayColor();
alert(this.color);
四.函數屬性和方法
ECMAScript中的函數是對象,因此函數也有屬性和方法。每個函數都包含兩個屬性:length和prototype。其中,length屬性表示函數希望接收的命名參數的個數。
function box(name, age) {
alert(name + age);
}
alert(box.length);
function box(num1, num2) {
return num1 + num2;
}
function sayBox(num1, num2) {
return box.apply(this, [num1, num2]); }
function sayBox2(num1, num2) {
return box.apply(this, arguments);
}
alert(sayBox(10,10));
alert(sayBox2(10,10));
call()方法于apply()方法相同,他們的區別僅僅在于接收參數的方式不同。對于call()方法而言,第一個參數是作用域,沒有變化,變化只是其余的參數都是直接傳遞給函數的。
function box(num1, num2) {
return num1 + num2;
}
function callBox(num1, num2) {
return box.call(this, num1, num2);
}
alert(callBox(10,10));
var color = '紅色的';
var box = {
color : '藍色的'
};
function sayColor() {
alert(this.color);
}
sayColor();
sayColor.call(this);
sayColor.call(window);
sayColor.call(box);
當我們使用call(box)方法的時候,sayColor()方法的運行環境已經變成了box對象。
使用call()或者apply()來擴充作用域的最大好處,就是對象不需要與方法發生任何耦合關系耦合,就是互相關聯的意思,擴展和維護會發生連鎖反應。